.users-container{padding:20px;max-width:1200px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-actions{display:flex;gap:10px}.users-search-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:300px}.users-add-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.users-add-button:hover{background-color:#0056b3}.users-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;overflow-x:auto}.users-list table{width:100%;border-collapse:collapse;min-width:800px}.users-list td,.users-list th{padding:12px;text-align:left;border-bottom:1px solid #ddd;word-wrap:break-word;overflow-wrap:break-word;vertical-align:top}.users-list th{background-color:#f8f9fa;font-weight:600}.users-list tr:hover{background-color:#f5f5f5}.users-list tr.deleted-row{background-color:#f8f9fa;color:#6c757d}.users-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.users-tab{padding:10px 20px;cursor:pointer;background-color:#f8f9fa;border-radius:4px 4px 0 0;margin-right:5px;border:1px solid #ddd;border-bottom:none}.users-tab.active{background-color:#fff;border-bottom:2px solid #fff;margin-bottom:-1px;font-weight:700}.users-list .users-action-button{padding:6px 12px;margin:0;border:none;border-radius:4px;cursor:pointer;font-size:.9em;font-weight:500;transition:opacity .2s ease;background-color:transparent;color:inherit;text-decoration:none;display:inline-block;min-width:60px;text-align:center;flex-shrink:0}.users-list .users-action-button:hover{opacity:.9}.users-list .users-action-button:not(.users-view-button):not(.users-edit-button):not(.users-permissions-button){background-color:#dc3545!important;color:#fff!important}.users-list .users-action-button.users-permissions-button{background-color:#ff6b35!important;color:#fff!important;font-weight:600!important;border:none!important}.users-list td:first-child,.users-list th:first-child{width:15%;min-width:120px}.users-list td:nth-child(2),.users-list th:nth-child(2){width:20%;min-width:180px}.users-list td:nth-child(3),.users-list th:nth-child(3){width:10%;min-width:100px}.users-list td:nth-child(4),.users-list td:nth-child(5),.users-list th:nth-child(4),.users-list th:nth-child(5){width:12%;min-width:120px}.users-list td:nth-child(6),.users-list th:nth-child(6){width:8%;min-width:80px}.users-list td:nth-child(7),.users-list th:nth-child(7){width:23%;min-width:250px}.users-list td{white-space:normal;line-height:1.4}.users-list td:nth-child(3){word-break:break-all}.users-list td:nth-child(2){white-space:normal;word-break:break-word}.users-list table tbody td:last-child{white-space:nowrap;min-width:250px;text-align:center;padding:8px 12px}.users-list td:last-child>div{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap;min-width:230px;align-items:center}.users-list button:not(.users-action-button){padding:6px 12px;margin:0 4px;border:none;border-radius:4px;cursor:pointer;background-color:#f8f9fa;color:#333}.users-list button:not(.users-action-button):hover{background-color:#e9ecef}@media (max-width:1200px){.users-list{overflow-x:auto}.users-list table{min-width:1000px}}@media (max-width:768px){.users-list table{min-width:900px}.users-list td,.users-list th{padding:8px 6px;font-size:.9em}.users-list .users-action-button{padding:4px 8px;font-size:.8em;min-width:50px}.users-list td:last-child{min-width:200px;padding:6px 8px}.users-list td:last-child>div{min-width:180px;gap:4px}}.user-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.user-modal-content{width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);position:relative}.user-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.user-modal-header h3{margin:0;color:#333;font-size:1.5rem}.user-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem}.user-close-button:hover{color:#333}.user-modal-body{padding:20px 0;color:#333}.user-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #eee}.user-detail-row:last-child{border-bottom:none}.user-detail-row strong{flex:0 0 150px;color:#666;font-weight:600}.user-detail-row span{flex:1 1;padding-left:20px}.user-form{gap:20px}.user-form,.user-form-group{display:flex;flex-direction:column}.user-form-group{gap:8px}.user-form-group label{font-weight:500}.user-form-group input[type=date],.user-form-group input[type=email],.user-form-group input[type=password],.user-form-group input[type=tel],.user-form-group input[type=text],.user-form-group select,.user-form-group textarea{padding:10px;border:1px solid #ddd;border-radius:4px;width:100%}.user-form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}.user-form-actions button{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:500;min-width:120px}.users-error,.users-loading{text-align:center;padding:20px}.users-error{color:#dc3545}.users-service-cost-container{margin-top:20px;padding:12px;background-color:#f8f9fa;border-radius:6px;font-size:.9em}.users-service-cost-container label{display:block;margin-bottom:4px;font-weight:600;color:#555}.users-loading-cost{font-style:italic;color:#6c757d}.users-no-cost{color:#dc3545}.users-confirmation-modal{text-align:center}.users-confirmation-modal p{margin-bottom:20px}.users-confirmation-actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #eee;margin-top:20px}.users-confirmation-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.users-cancel-button,.users-delete-button,.users-restore-button{visibility:visible}@media (max-width:768px){.user-modal-content{width:95%;padding:1rem}.user-detail-row{flex-direction:column}.user-detail-row strong{margin-bottom:4px}.user-detail-row span{padding-left:0}}.users-page-size-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background-color:#fff;margin-right:1rem}.users-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 0}.users-pagination-button{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease}.users-pagination-button:hover:not(:disabled){background-color:#f8f9fa}.users-pagination-button:disabled{opacity:.5;cursor:not-allowed}.users-page-info{font-size:.9rem;color:#666}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.user_permissions_container__kI9_2{padding:20px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user_permissions_settingsGrid__P1N6i{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-bottom:24px}.user_permissions_settingsSection__t997R{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e1e5e9}.user_permissions_sectionHeader__rUCV2{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e1e5e9}.user_permissions_sectionIcon__fDFpM{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--backcolor1,#667eea);color:var(--forecolor1,#fff);border-radius:8px;flex-shrink:0}.user_permissions_sectionTitle__bIUKg{margin:0 0 4px;font-size:18px;font-weight:600;color:#23272f}.user_permissions_sectionDescription__91vaL{margin:0;font-size:14px;color:#6c757d;line-height:1.4}.user_permissions_settingsList__rI_8m{display:flex;flex-direction:column;gap:16px}.user_permissions_settingGroup__H5ZcQ{margin-bottom:20px}.user_permissions_groupTitle__TJfJw{margin:0 0 12px;font-size:16px;font-weight:600;color:#495057;padding-bottom:8px;border-bottom:1px solid #e9ecef}.user_permissions_settingItem__6zml4{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.user_permissions_settingItem__6zml4:hover{background:#e9ecef;border-color:#dee2e6}.user_permissions_settingInfo__kHiMP{flex:1 1;display:flex;flex-direction:column;gap:4px}.user_permissions_settingLabel__Jp2mb{display:flex;align-items:center;gap:8px;font-weight:500;color:#23272f;font-size:14px}.user_permissions_settingDescription__1x51r{font-size:12px;color:#6c757d;margin-left:24px}.user_permissions_settingValue__DaO1E{font-size:14px;color:#495057;font-weight:500}.user_permissions_settingControl__Yulfz{display:flex;align-items:center;gap:12px}.user_permissions_toggleSwitch__jDBQf{position:relative;width:44px;height:24px;background:#dee2e6;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;outline:none}.user_permissions_toggleSwitch__jDBQf:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.user_permissions_toggleSwitch__jDBQf.user_permissions_active__nigaw{background:var(--backcolor2,#764ba2)}.user_permissions_toggleSwitch__jDBQf.user_permissions_active__nigaw:before{transform:translateX(20px)}.user_permissions_numberInput__dO8qg{width:80px;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;text-align:center;background:#fff}.user_permissions_numberInput__dO8qg:focus{outline:none;border-color:var(--backcolor2,#764ba2);box-shadow:0 0 0 2px rgba(118,75,162,.2)}.user_permissions_noData__YSW0F{text-align:center;padding:32px 16px;color:#6c757d;font-style:italic;background:#f8f9fa;border-radius:8px;border:1px dashed #dee2e6}.user_permissions_actions__BrZBe{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:24px;border-top:1px solid #e1e5e9}.user_permissions_cancelButton__BI3FW{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.user_permissions_cancelButton__BI3FW:hover{background:#5a6268}.user_permissions_cancelButton__BI3FW:disabled{opacity:.6;cursor:not-allowed}.user_permissions_loading___pWEz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6c757d;font-size:16px;gap:16px}.user_permissions_spinner__FjR8L{width:24px;height:24px;border:3px solid #e9ecef;border-top:3px solid var(--backcolor2,#764ba2);border-radius:50%;animation:user_permissions_spin__BqfIZ 1s linear infinite}@keyframes user_permissions_spin__BqfIZ{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes user_permissions_slideInRight__ZNAUZ{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.user_permissions_error__to9Zy{padding:16px;border:1px solid #f5c6cb;border-radius:8px}.user_permissions_errorMessage__aEzhv,.user_permissions_error__to9Zy{display:flex;align-items:center;gap:8px;background:#f8d7da;color:#721c24;font-size:14px}.user_permissions_errorMessage__aEzhv{padding:12px 16px;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px}@media (max-width:1200px){.user_permissions_settingsGrid__P1N6i{grid-template-columns:1fr}}@media (max-width:768px){.user_permissions_container__kI9_2,.user_permissions_settingsSection__t997R{padding:16px}.user_permissions_sectionHeader__rUCV2{flex-direction:column;gap:12px}.user_permissions_sectionIcon__fDFpM{width:32px;height:32px}.user_permissions_settingItem__6zml4{flex-direction:column;align-items:flex-start;gap:12px}.user_permissions_settingControl__Yulfz{align-self:flex-end}.user_permissions_actions__BrZBe{flex-direction:column;align-items:stretch}.user_permissions_actions__BrZBe button{width:100%;justify-content:center}}.Homepage_homepageContainer__bsyQP{background:linear-gradient(135deg,#0a1a2f,#102a43);min-height:100vh;color:#e0f7fa;font-family:Inter,Segoe UI,Arial,sans-serif;padding:0;margin:0}.Homepage_heroSection__gVbxu{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;background:linear-gradient(120deg,#0a1a2f 60%,#1de9b6);border-bottom:2px solid #1de9b6;padding:2rem 1rem}.Homepage_heroTitle__T6jBj{font-size:2.5rem;font-weight:800;color:#1de9b6;letter-spacing:2px;margin-bottom:1rem}.Homepage_heroTagline__Epvwe{font-size:1.5rem;color:#e0f7fa;margin-bottom:1.5rem}.Homepage_heroIntro__r_Tz_{font-size:1.1rem;color:#b2ebf2;max-width:800px;margin:0 auto 2rem;line-height:1.6}.Homepage_mainContent__58Ior{max-width:1200px;margin:0 auto;padding:0 1rem}.Homepage_optionsSectionModern__GBgxw{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0;padding:0 1rem}.Homepage_optionCardModern__40wvt{background:#13263a;border-radius:16px;box-shadow:0 4px 24px 0 rgba(30,233,182,.08);padding:2rem;display:flex;flex-direction:column;align-items:center}.Homepage_optionIcon__yCMJx{margin-bottom:1.5rem;font-size:2.5rem;color:#1de9b6}.Homepage_optionTitleModern__xQXkT{font-size:1.8rem;font-weight:800;color:#1de9b6;margin-bottom:1rem;text-align:center}.Homepage_cardDesc__a_evz{color:#b2ebf2;font-size:1rem;margin-bottom:1.5rem;text-align:center;line-height:1.5}.Homepage_cardActions__rm6wI{display:flex;gap:1rem;width:100%}.Homepage_cardActions__rm6wI .Homepage_button__Ob1Me,.Homepage_cardActions__rm6wI a{flex:1 1;min-width:0;text-align:center;text-decoration:none;display:inline-block;box-sizing:border-box}.Homepage_button__Ob1Me{background:linear-gradient(90deg,#1de9b6,#00bcd4);color:#0a1a2f;font-weight:700;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .2s}.Homepage_button__Ob1Me:hover{background:linear-gradient(90deg,#00bcd4,#1de9b6);color:#fff}.Homepage_signupForm__sweRF{width:100%;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;background:#0a1a2f;border-radius:12px;padding:1.5rem;box-sizing:border-box}.Homepage_formGroup__rxChz{display:flex;flex-direction:column;gap:.5rem;width:100%}.Homepage_formLabel__iQkW3{color:#1de9b6;font-size:.95rem;font-weight:600}.Homepage_formColor__EK7fs,.Homepage_formInput__YZy4S,.Homepage_formSelect__3zl8l{width:100%;padding:.8rem;border-radius:8px;border:1px solid #1de9b6;background:#13263a;color:#e0f7fa;font-size:1rem;outline:none;box-sizing:border-box}.Homepage_colorPickerRow__7yg0E{display:flex;gap:1rem;justify-content:center}.Homepage_formColor__EK7fs{width:60px;height:40px;padding:0;cursor:pointer}.Homepage_captchaContainer__h_2pN{margin:1rem 0;display:flex;justify-content:center}.Homepage_formError__Yg9I5{color:#ff5252;font-size:.95rem;margin-top:-.5rem}.Homepage_infoSectionsModern__YTSH1{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0;padding:0 1rem}.Homepage_infoCardModern__hqEJk{background:#13263a;border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center}.Homepage_infoTitleModern__c2jI8{font-size:1.8rem;font-weight:800;color:#1de9b6;margin-bottom:1rem;text-align:center}.Homepage_infoDescModern__PolaD{color:#b2ebf2;font-size:1.1rem;text-align:center;line-height:1.6}.Homepage_partnersSectionModern__fF6rE{margin:3rem 0;text-align:center;padding:0 1rem}.Homepage_partnersTitleModern__O1QP5{color:#1de9b6;font-size:1.8rem;font-weight:800;margin-bottom:2rem}.Homepage_partnerLogosModern__mzBL1{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;justify-content:center;align-items:center}.Homepage_partnerLogoModern__O2CJq{background:#fff;border-radius:12px;padding:1rem;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px 0 rgba(30,233,182,.13);transition:transform .2s}.Homepage_partnerLogoModern__O2CJq img{max-width:100%;max-height:100%;object-fit:contain}.Homepage_contactSectionModern__BOppP{margin:3rem 0;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.Homepage_contactTitleModern__tvaXC{color:#1de9b6;font-size:1.8rem;font-weight:800;margin-bottom:1rem;text-align:center}.Homepage_contactDescModern__7SRx_{color:#b2ebf2;font-size:1.1rem;margin-bottom:2rem;text-align:center;max-width:600px;line-height:1.6}.Homepage_contactFormModern__R7JoQ{background:#13263a;border-radius:16px;padding:2rem;width:100%;max-width:500px;box-shadow:0 4px 24px 0 rgba(30,233,182,.13);display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.Homepage_formGroupModern__lB8Wd{display:flex;flex-direction:column;gap:.5rem;width:100%}.Homepage_formLabelModern__Z2guM{color:#1de9b6;font-size:1rem;font-weight:600}.Homepage_formInputModern__HzBUs{width:100%;padding:.8rem;border-radius:8px;border:1px solid #1de9b6;background:#0a1a2f;color:#e0f7fa;font-size:1rem;outline:none;transition:border-color .2s;box-sizing:border-box}.Homepage_formInputModern__HzBUs[type=textarea]{min-height:120px;resize:vertical}.Homepage_successMessageContainer__eIgG5{background:#13263a;border-radius:12px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;box-shadow:0 4px 24px 0 rgba(30,233,182,.08);animation:Homepage_fadeIn__9bA1u .5s ease-in-out}.Homepage_successIcon__rlosB{font-size:3.5rem;color:#1de9b6;margin-bottom:1rem}.Homepage_successTitle___8BJv{color:#1de9b6;font-size:1.5rem;font-weight:700;margin:0}.Homepage_successText__fhZZL{color:#e0f7fa;font-size:1.1rem;line-height:1.5;margin:0}.Homepage_footer__tvZsE{background:#0a1a2f;color:#b2ebf2;text-align:center;padding:1.5rem 1rem;font-size:1rem;border-top:2px solid #1de9b6;margin-top:3rem}.Homepage_footerLinks__2a0FZ{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.Homepage_footerLink__Kleqb{color:#1de9b6;text-decoration:underline;cursor:pointer;font-size:.95rem}.Homepage_header__cLXJO{width:100%;max-width:100%;padding:1rem 2rem;background:#0a1a2f;display:flex;align-items:center;gap:2rem;border-bottom:1px solid rgba(29,233,182,.1);box-sizing:border-box}.Homepage_backButton__K_TGX{color:#1de9b6;text-decoration:none;font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.Homepage_backButton__K_TGX:hover{background:rgba(29,233,182,.1);transform:translateX(-4px)}.Homepage_pageTitle__LrW4c{color:#e0f7fa;font-size:1.5rem;font-weight:700;margin:0;flex:1 1;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.Homepage_heroTitle__T6jBj{font-size:2rem}.Homepage_heroTagline__Epvwe{font-size:1.2rem}.Homepage_heroIntro__r_Tz_{font-size:1rem}.Homepage_contactTitleModern__tvaXC,.Homepage_infoTitleModern__c2jI8,.Homepage_optionTitleModern__xQXkT,.Homepage_partnersTitleModern__O1QP5{font-size:1.5rem}.Homepage_cardActions__rm6wI{flex-direction:column;gap:1rem}.Homepage_cardActions__rm6wI .Homepage_button__Ob1Me,.Homepage_cardActions__rm6wI a{width:100%}.Homepage_contactFormModern__R7JoQ,.Homepage_signupForm__sweRF{padding:1.25rem}.Homepage_partnerLogosModern__mzBL1{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.Homepage_heroTitle__T6jBj{font-size:1.8rem}.Homepage_heroTagline__Epvwe{font-size:1.1rem}.Homepage_infoSectionsModern__YTSH1,.Homepage_optionsSectionModern__GBgxw,.Homepage_partnerLogosModern__mzBL1{grid-template-columns:1fr}.Homepage_footerLinks__2a0FZ{flex-direction:column;gap:1rem}}@keyframes Homepage_fadeIn__9bA1u{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes Homepage_pulse__wAC6f{0%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(-5deg) scale(1.05)}to{transform:rotate(-5deg) scale(1)}}.Homepage_videoSection__4H72_{padding:4rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.Homepage_videoGrid___fBEn{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;padding:1rem;max-width:1000px;margin:0 auto}.Homepage_videoCard__HQDcf{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.Homepage_videoCard__HQDcf:hover{transform:translateY(-5px);box-shadow:0 8px 12px rgba(0,0,0,.15)}.Homepage_videoFrame__23Ena{width:100%;aspect-ratio:16/9;border:none}.Homepage_videoTitle__gFaPv{padding:1rem;font-size:1.1rem;color:#0a1a2f;text-align:center;margin:0;font-weight:600}@media (max-width:768px){.Homepage_videoSection__4H72_{padding:2rem 1rem}.Homepage_videoGrid___fBEn{grid-template-columns:1fr;gap:1.5rem}}.system_roles_container__qx3ea{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.system_roles_header__ty_ga{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--backcolor2)}.system_roles_headerContent__Kx7gy{flex:1 1}.system_roles_title__w6c9I{font-size:28px;font-weight:700;color:#000;margin:0 0 8px}.system_roles_subtitle__Jh9B4{font-size:16px;color:#6c757d;margin:0;font-weight:400}.system_roles_addButton__7gIEz{background:var(--backcolor2);color:var(--forecolor2);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.system_roles_addButton__7gIEz:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.system_roles_addButton__7gIEz:disabled{opacity:.5;cursor:not-allowed;transform:none}.system_roles_rolesGrid___HI5U{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:24px;gap:24px}.system_roles_roleCard__alAmm{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .2s ease;position:relative;overflow:hidden}.system_roles_roleCard__alAmm:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--backcolor2)}.system_roles_roleCard__alAmm:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}.system_roles_deletedRole__rhUcj{opacity:.7;background:#f8f9fa}.system_roles_deletedRole__rhUcj:before{background:#6c757d}.system_roles_deletedRole__rhUcj:hover{opacity:.8}.system_roles_roleHeader__lcX57{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.system_roles_roleInfo__LceTd{flex:1 1}.system_roles_roleName__c8Ax9{font-size:20px;font-weight:700;color:#23272f;margin:0 0 12px;line-height:1.2}.system_roles_roleMeta__mlNfR{display:flex;flex-wrap:wrap;gap:16px}.system_roles_metaItem__0WFG9{display:flex;align-items:center;gap:6px;font-size:13px;color:#6c757d;font-weight:500}.system_roles_deletedBadge__WvSNO{display:flex;align-items:center;gap:6px;font-size:13px;color:#dc3545;font-weight:600;background:#f8d7da;padding:4px 8px;border-radius:12px;border:1px solid #f5c6cb}.system_roles_roleActions__k72mi{display:flex;gap:8px;flex-shrink:0}.system_roles_actionButton__ryeN1{padding:8px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.system_roles_editButton__JRKAM{background:var(--backcolor3);color:var(--forecolor3)}.system_roles_editButton__JRKAM:hover{opacity:.9;transform:scale(1.05)}.system_roles_deleteButton__kcVUa{background:#dc3545;color:#fff}.system_roles_deleteButton__kcVUa:hover{background:#c82333;transform:scale(1.05)}.system_roles_restoreButton__ItzPG{background:#28a745;color:#fff}.system_roles_restoreButton__ItzPG:hover{background:#218838;transform:scale(1.05)}.system_roles_permissionsSection__Vtw6X{margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.system_roles_permissionsHeader__pTBiH{gap:8px;margin-bottom:12px;font-weight:600;color:#495057;font-size:14px}.system_roles_permissionCount__D1_DH{background:var(--backcolor1);color:var(--forecolor1);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:auto}.system_roles_permissionSummary__E3Tmk{font-size:14px;color:#6c757d;line-height:1.4}.system_roles_loading__7anB_{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;color:#6c757d;gap:16px}.system_roles_spinner__BNn5n{width:32px;height:32px;border:3px solid #e9ecef;border-top:3px solid var(--backcolor2);border-radius:50%;animation:system_roles_spin__yej7r 1s linear infinite}@keyframes system_roles_spin__yej7r{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.system_roles_error__LGUdD{background:#f8d7da;color:#721c24;border-radius:8px;border:1px solid #f5c6cb}.system_roles_error__LGUdD,.system_roles_success__wT8VU{padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:500}.system_roles_success__wT8VU{background:#d4edda;color:#155724;border-radius:8px;border:1px solid #c3e6cb;animation:system_roles_slideInRight__j9eMQ .3s ease-out}@keyframes system_roles_slideInRight__j9eMQ{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.system_roles_noData__4Up_K{text-align:center;padding:80px 24px;color:#6c757d;display:flex;flex-direction:column;align-items:center;gap:16px}.system_roles_noData__4Up_K h3{margin:0;font-size:20px;font-weight:600;color:#495057}.system_roles_noData__4Up_K p{margin:0;font-size:16px;line-height:1.5;max-width:400px}.system_roles_confirmPopup__iC63l{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1100;padding:20px}.system_roles_confirmContent___2GDc{background:#fff;border-radius:12px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative}.system_roles_confirmHeader__bHMKb{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.system_roles_confirmHeader__bHMKb h3{margin:0;font-size:20px;font-weight:700;color:#23272f}.system_roles_confirmMessage__7znC4{font-size:16px;color:#495057;line-height:1.5;margin-bottom:24px}.system_roles_confirmActions__8u1n7{display:flex;justify-content:flex-end;gap:12px}.system_roles_confirmButton___j4LD{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.system_roles_deleteConfirmButton___Up6L{background:#dc3545;color:#fff}.system_roles_deleteConfirmButton___Up6L:hover{background:#c82333}.system_roles_deleteConfirmButton___Up6L:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.system_roles_restoreConfirmButton__7PARY{background:#28a745;color:#fff}.system_roles_restoreConfirmButton__7PARY:hover{background:#218838}.system_roles_cancelButton__r3UJW:disabled,.system_roles_restoreConfirmButton__7PARY:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.system_roles_formSection__5_Hzt{margin-bottom:24px}.system_roles_formGroup__8KCnq{margin-bottom:20px}.system_roles_formLabel__0cVSA{display:block;margin-bottom:8px;font-weight:600;color:#23272f;font-size:14px}.system_roles_formInput__RdNpv{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.system_roles_formInput__RdNpv:focus{outline:none;border-color:var(--backcolor2);box-shadow:0 0 0 3px rgba(118,75,162,.1)}.system_roles_permissionsSection__Vtw6X{margin-top:24px}.system_roles_permissionsHeader__pTBiH{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.system_roles_permissionsHeader__pTBiH h3{margin:0;font-size:18px;font-weight:600;color:#23272f}.system_roles_permissionsDescription__S4V9r{font-size:14px;color:#6c757d;margin-bottom:20px;line-height:1.5}.system_roles_permissionsContainer__bYGm9{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:8px;padding:16px;background:#f8f9fa}.system_roles_permissionGroup__Tetgp{margin-bottom:24px}.system_roles_permissionGroup__Tetgp:last-child{margin-bottom:0}.system_roles_permissionGroupTitle__ZzYQ_{font-size:16px;font-weight:600;color:#23272f;margin:0 0 12px;border-bottom:1px solid #dee2e6;background:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.system_roles_permissionGroupItems__H49ED{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:12px}.system_roles_permissionGroupItems__H49ED,.system_roles_permissionItem__V1u1M{gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.system_roles_permissionItem__V1u1M{display:flex;align-items:flex-start;transition:all .2s ease}.system_roles_permissionItem__V1u1M:hover{background:#f8f9fa;border-color:var(--backcolor2)}.system_roles_permissionCheckbox__TXOwu{cursor:pointer;width:16px;height:16px;margin:2px 0 0}.system_roles_permissionLabel__R7dIP{font-size:14px;color:#23272f;cursor:pointer;flex:1 1;display:flex;flex-direction:column;gap:4px}.system_roles_permissionName__nbQvu{font-weight:600;color:#23272f}.system_roles_permissionPath__PhBWe{font-size:12px;color:#6c757d;font-weight:400}.system_roles_noPermissions__4chJB{text-align:center;padding:40px 20px;color:#6c757d;display:flex;flex-direction:column;align-items:center;gap:12px}.system_roles_noPermissions__4chJB p{margin:0;font-size:14px;line-height:1.4}.system_roles_cancelButton__r3UJW{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.system_roles_cancelButton__r3UJW:hover{background:#5a6268}.system_roles_saveButton__YDXyB{background:var(--backcolor2);color:var(--forecolor2);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.system_roles_saveButton__YDXyB:hover{opacity:.9}.system_roles_saveButton__YDXyB:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1200px){.system_roles_rolesGrid___HI5U{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.system_roles_container__qx3ea{padding:16px}.system_roles_header__ty_ga{flex-direction:column;gap:16px;align-items:stretch}.system_roles_title__w6c9I{font-size:24px}.system_roles_rolesGrid___HI5U{grid-template-columns:1fr;gap:16px}.system_roles_roleCard__alAmm{padding:20px}.system_roles_roleHeader__lcX57{flex-direction:column;align-items:stretch;gap:16px}.system_roles_roleActions__k72mi{justify-content:flex-end}.system_roles_modalContent__SOUGX{width:100%;padding:20px;margin:0}.system_roles_permissionsContainer__bYGm9{grid-template-columns:1fr}.system_roles_modalActions__o1ID6{flex-direction:column}.system_roles_modalActions__o1ID6 button{width:100%;justify-content:center}.system_roles_confirmContent___2GDc{width:100%;padding:20px;margin:0}.system_roles_confirmActions__8u1n7{flex-direction:column}.system_roles_confirmActions__8u1n7 button{width:100%;justify-content:center}}@media (max-width:480px){.system_roles_title__w6c9I{font-size:20px}.system_roles_roleCard__alAmm{padding:16px}.system_roles_roleMeta__mlNfR{flex-direction:column;gap:8px}.system_roles_confirmContent___2GDc,.system_roles_modalContent__SOUGX{padding:16px}}