:root{color:#17233c;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#071426;--navy-900:#0b1d35;--navy-800:#123052;--slate-700:#40516b;--slate-500:#718096;--slate-300:#cad3df;--slate-200:#e2e8f0;--slate-100:#f2f5f9;--white:#fff;--teal-700:#08766e;--teal-600:#0b8f83;--teal-100:#dff7f3;--red-700:#b42318;--red-100:#fee4e2;background:#f3f6fa;font-family:Inter,Manrope,Noto Kufi Arabic,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--teal-700)}.auth-shell{background:var(--white);grid-template-columns:minmax(350px,.88fr) minmax(480px,1.12fr);min-height:100vh;display:grid}.auth-aside{min-height:100vh;color:var(--white);background:radial-gradient(circle at 18% 12%, #1eaa9b57, transparent 30%), linear-gradient(145deg, var(--navy-800), var(--navy-950) 70%);flex-direction:column;justify-content:center;padding:clamp(38px,6vw,86px);display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.auth-aside>*{z-index:1;position:relative}.brand-mark{color:#bff9f1;background:#ffffff1a;border:1px solid #ffffff42;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:48px;font-size:1.25rem;font-weight:900;display:grid}.auth-aside .eyebrow{color:#70e0d2;letter-spacing:.16em;margin:0 0 16px;font-size:.7rem;font-weight:800}.brand-name{color:#b7c5d8;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:.82rem;font-weight:800}.auth-aside h1{letter-spacing:-.055em;max-width:11ch;margin:0;font-size:clamp(2.35rem,4.7vw,4.4rem);line-height:1.03}[dir=rtl] .auth-aside h1{letter-spacing:-.025em;line-height:1.28}.auth-aside>p:last-of-type{color:#b7c5d8;max-width:42ch;margin:24px 0 0;line-height:1.75}.security-rings{width:360px;height:360px;position:absolute;bottom:-120px;right:-110px}[dir=rtl] .security-rings{left:-110px;right:auto}.security-rings span{border:1px solid #63e2d32b;border-radius:50%;position:absolute;inset:0}.security-rings span:nth-child(2){inset:58px}.security-rings span:nth-child(3){background:#31c2b214;inset:116px}.auth-panel{background:#fbfcfe;place-items:center;min-height:100vh;padding:76px clamp(30px,8vw,112px);display:grid;position:relative}.auth-panel>.language-button{top:24px;position:absolute;inset-inline-end:clamp(24px,5vw,64px)}.auth-card{width:min(100%,460px)}.auth-card header{margin-bottom:30px}.section-kicker{letter-spacing:.1em;text-transform:uppercase;margin:0 0 11px;font-size:.72rem;font-weight:900;color:var(--teal-700)!important}.auth-card h2{color:var(--navy-900);letter-spacing:-.04em;margin:0;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1.16}[dir=rtl] .auth-card h2{letter-spacing:-.02em;line-height:1.4}.auth-card header>p:last-child{color:var(--slate-500);margin:14px 0 0;line-height:1.7}.auth-card form{gap:18px;display:grid}.field{gap:8px;display:grid}.field span,.setup-secret span{color:#2f3c51;font-size:.82rem;font-weight:800}.field input{border:1px solid var(--slate-300);width:100%;height:50px;color:var(--navy-900);background:var(--white);border-radius:11px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--teal-600);box-shadow:0 0 0 4px #0b8f831f}.password-field{position:relative}.password-field .field input{padding-inline-end:112px}.password-field>.text-button{inset-inline-end:8px;height:34px;position:absolute;bottom:8px}.language-button,.secondary-button,.text-button{color:var(--slate-700);cursor:pointer;background:0 0;border:0;font-size:.78rem;font-weight:800}.language-button,.secondary-button{border:1px solid var(--slate-200);background:var(--white);border-radius:10px;min-height:40px;padding:8px 13px}.language-button:hover,.secondary-button:hover,.text-button:hover{color:var(--teal-700);background:var(--slate-100)}.text-button{border-radius:7px;padding:0 10px}.primary-button,.primary-link{min-height:50px;color:var(--white);background:var(--teal-700);cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;padding:11px 18px;font-weight:800;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 8px 22px #08766e2e}.primary-button:hover:not(:disabled),.primary-link:hover{background:#06645e;transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.65}.recovery-links{border-top:1px solid var(--slate-200);gap:10px;margin-top:4px;padding-top:20px;display:grid}.recovery-links a,.back-link{font-size:.8rem;font-weight:800;text-decoration:none}.recovery-links a:hover,.back-link:hover{text-decoration:underline}.back-link{width:fit-content;color:var(--slate-700);margin-top:2px}.error-notice,.success-panel{border-radius:10px;padding:13px 14px;font-size:.82rem;line-height:1.55}.error-notice{color:var(--red-700);background:var(--red-100);border:1px solid #fecdca;margin:0}.success-panel{color:#075e58;background:var(--teal-100);border:1px solid #a7e5dc;gap:14px;display:grid}.success-panel p{margin:0}.success-icon{width:36px;height:36px;color:var(--white);background:var(--teal-700);border-radius:50%;place-items:center;font-weight:900;display:grid}.setup-secret{gap:8px;display:grid}.setup-secret code{color:var(--navy-900);background:var(--slate-100);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border:1px dashed #91a1b8;border-radius:10px;padding:13px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;display:block}.codes-panel{gap:14px;display:grid}.codes-panel h3,.codes-panel p{margin:0}.codes-panel p{color:var(--slate-500);line-height:1.65}.recovery-codes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0;padding:0;list-style:none;display:grid}.recovery-codes code{border:1px solid var(--slate-200);background:var(--slate-100);text-align:center;border-radius:8px;padding:10px;font-size:.79rem;display:block}.admin-shell{background:#f2f5f9;min-height:100vh}.admin-header{min-height:86px;color:var(--white);background:var(--navy-900);justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(22px,5vw,64px);display:flex}.admin-header .eyebrow{color:#70e0d2;letter-spacing:.1em;margin:0 0 5px;font-size:.7rem}.admin-header h1{margin:0;font-size:clamp(1.2rem,3vw,1.7rem)}.header-actions{gap:10px;display:flex}.admin-welcome{border:1px solid var(--slate-200);background:var(--white);border-radius:18px;gap:16px;max-width:760px;margin:clamp(28px,6vw,72px);padding:clamp(30px,5vw,52px);display:grid;box-shadow:0 18px 46px #12305214}.admin-welcome p{color:var(--slate-700);margin:0;font-size:1.05rem;line-height:1.75}.admin-welcome strong{color:var(--teal-700);font-size:.8rem}.management-shell{background:#f5f7fa;grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.management-sidebar{height:100vh;color:var(--white);background:radial-gradient(circle at 8% 2%, #1eaa9b3d, transparent 24%), var(--navy-950);flex-direction:column;padding:28px 18px 20px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 8px 26px;display:flex}.brand-mark.compact{border-radius:11px;flex:none;width:40px;height:40px;margin:0}.sidebar-brand div{gap:3px;display:grid}.sidebar-brand strong{font-size:.9rem}.sidebar-brand span:last-child{color:#96a7bd;font-size:.7rem}.management-sidebar nav{gap:7px;padding-top:28px;display:grid}.management-sidebar nav>*{color:#aebcd0;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 13px;font-size:.82rem;font-weight:750;text-decoration:none;display:flex}.management-sidebar .nav-current{color:#d9fff9;background:#149d8f38;box-shadow:inset 3px 0 #45d4c3}[dir=rtl] .management-sidebar .nav-current{box-shadow:inset -3px 0 #45d4c3}.nav-planned small{color:#7f90a6;background:#ffffff0f;border-radius:999px;padding:3px 6px;font-size:.58rem}.sidebar-scope{color:#8495aa;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 12px 2px;font-size:.66rem;display:flex}.sidebar-scope strong{color:#70e0d2}.management-main{min-width:0}.management-header{border-bottom:1px solid var(--slate-200);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;min-height:126px;padding:24px clamp(24px,4vw,54px);display:flex}.management-header h1{color:var(--navy-900);letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,2.8vw,2.35rem)}.management-header p:last-child{max-width:680px;color:var(--slate-500);margin:9px 0 0;font-size:.86rem;line-height:1.55}.management-content{gap:20px;padding:26px clamp(20px,4vw,54px) 50px;display:grid}.stat-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--slate-200);background:var(--white);border-radius:14px;align-content:space-between;min-height:104px;padding:18px 20px;display:grid;box-shadow:0 5px 20px #1230520a}.stat-card span{color:var(--slate-500);font-size:.74rem;font-weight:800}.stat-card strong{color:var(--navy-900);font-size:1.8rem}.stat-card.active{border-top:3px solid var(--teal-600)}.stat-card.suspended{border-top:3px solid #e6a23c}.stat-card.disabled{border-top:3px solid #98a2b3}.directory-card{border:1px solid var(--slate-200);background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 10px 34px #1230520d}.directory-toolbar{border-bottom:1px solid var(--slate-200);grid-template-columns:minmax(180px,1fr) minmax(190px,.8fr) auto;align-items:end;gap:13px;padding:18px;display:grid}.directory-toolbar label,.role-form label,.provision-modal form>label{gap:7px;display:grid}.directory-toolbar label>span,.role-form label>span,.provision-modal label>span{color:var(--slate-700);font-size:.7rem;font-weight:850}.directory-toolbar input,.directory-toolbar select,.role-form select,.provision-modal input,.provision-modal select{border:1px solid var(--slate-300);width:100%;height:42px;color:var(--navy-900);background:var(--white);border-radius:9px;outline:none;padding:0 12px}.directory-toolbar input:focus,.directory-toolbar select:focus,.role-form select:focus,.provision-modal input:focus,.provision-modal select:focus{border-color:var(--teal-600);box-shadow:0 0 0 3px #0b8f831c}.compact-button{min-height:42px;box-shadow:none;padding-block:8px;font-size:.78rem}.inline-notice{border-radius:9px;justify-content:space-between;align-items:center;gap:14px;margin:14px 18px 0;padding:10px 12px;font-size:.75rem;display:flex}.inline-notice.success{color:#075e58;background:var(--teal-100)}.inline-notice.error{color:var(--red-700);background:var(--red-100)}.inline-notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.1rem}.directory-layout{grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);min-height:470px;display:grid}.user-table-wrap{min-width:0;overflow-x:auto}.user-table{border-collapse:collapse;width:100%;font-size:.77rem}.user-table th{color:var(--slate-500);letter-spacing:.035em;text-align:start;text-transform:uppercase;background:#f8fafc;padding:12px 16px;font-size:.67rem}.user-table td{color:var(--slate-700);vertical-align:middle;border-top:1px solid #edf1f5;padding:13px 16px}.user-table tr.selected td{background:#f1fbf9}.user-table tr:hover td{background:#f7fbfc}.user-table td:first-child button{width:100%;color:var(--navy-900);cursor:pointer;text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.user-avatar{color:#08665f;background:var(--teal-100);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:900;display:grid}.user-avatar.large{border-radius:13px;width:48px;height:48px;font-size:1rem}.status-pill{border-radius:999px;padding:4px 8px;font-size:.65rem;font-weight:850;display:inline-flex}.status-pill.active{color:#067067;background:var(--teal-100)}.status-pill.suspended{color:#9a5b00;background:#fff3d6}.status-pill.disabled{color:#596579;background:#e9edf2}.empty-state{color:var(--slate-500);text-align:center;margin:0;padding:52px 24px;line-height:1.6}.user-detail{border-inline-start:1px solid var(--slate-200);background:#fbfcfe;min-width:0;padding:22px}.user-detail>header{align-items:center;gap:13px;display:flex}.user-detail h2{color:var(--navy-900);margin:0;font-size:1rem}.user-detail header p{color:var(--slate-500);overflow-wrap:anywhere;margin:5px 0 0;font-size:.71rem}.detail-meta{color:var(--slate-500);justify-content:space-between;align-items:center;margin:18px 0 0;font-size:.66rem;display:flex}.lifecycle-control{border:1px solid var(--slate-200);background:var(--white);border-radius:10px;gap:10px;margin-top:18px;padding:13px;display:grid}.lifecycle-control p,.muted-copy{color:var(--slate-500);margin:0;font-size:.7rem;line-height:1.55}.danger-button{min-height:38px;color:var(--red-700);cursor:pointer;background:#fff;border:1px solid #f1b8b3;border-radius:9px;padding:7px 12px;font-size:.72rem;font-weight:850}.role-section{margin-top:24px}.role-section h3{color:var(--navy-900);margin:0 0 12px;font-size:.8rem}.assignment-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.assignment-list li{border:1px solid var(--slate-200);background:var(--white);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.assignment-list li div{gap:3px;display:grid}.assignment-list strong{color:var(--navy-900);font-size:.7rem}.assignment-list span{color:var(--slate-500);font-size:.63rem}.assignment-list button{color:var(--red-700);cursor:pointer;background:0 0;border:0;font-size:.65rem;font-weight:850}.role-form{border-top:1px solid var(--slate-200);gap:10px;margin-top:16px;padding-top:16px;display:grid}.role-form select:disabled{color:var(--slate-500);background:var(--slate-100)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07142694;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.provision-modal{background:var(--white);border-radius:16px;width:min(100%,520px);max-height:calc(100vh - 44px);padding:24px;overflow-y:auto;box-shadow:0 30px 90px #07142652}.provision-modal>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.provision-modal h2{color:var(--navy-900);margin:0;font-size:1.3rem}.provision-modal header p:last-child{color:var(--slate-500);margin:9px 0 0;font-size:.76rem;line-height:1.55}.provision-modal header>button{border:1px solid var(--slate-200);width:34px;height:34px;color:var(--slate-700);background:var(--white);cursor:pointer;border-radius:9px;flex:none;font-size:1.2rem}.provision-modal form{gap:14px;margin-top:22px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}@media (width<=860px){.auth-shell{grid-template-columns:1fr}.auth-aside{min-height:98px;padding:24px}.auth-aside .brand-mark{margin:0}.auth-aside>:not(.brand-mark){display:none}.auth-panel{min-height:calc(100vh - 98px);padding:76px 24px 56px}.management-shell{grid-template-columns:1fr}.management-sidebar{height:auto;padding:14px 18px;position:static}.sidebar-brand{border:0;padding:0}.management-sidebar nav,.sidebar-scope{display:none}.directory-layout{grid-template-columns:1fr}.user-detail{border-top:1px solid var(--slate-200);border-inline-start:0}}@media (width<=520px){.auth-panel{align-items:start;padding-inline:20px}.recovery-codes{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.admin-welcome{margin:20px}.management-header{flex-direction:column;align-items:flex-start}.directory-toolbar,.stat-grid{grid-template-columns:1fr}.user-table th:nth-child(3),.user-table td:nth-child(3){display:none}.management-content{padding-inline:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}