:root{--navy:#071b46;--navy2:#0c2e62;--blue:#075bb7;--bright:#0878ef;--teal:#0f8f93;--green:#079654;--amber:#ef8616;--red:#d91f35;--purple:#6b3cc6;--ink:#142744;--muted:#687a93;--line:#dce6f1;--surface:#fff;--bg:#f4f7fb;--shadow:0 12px 32px rgba(16,42,75,.08)}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;color:var(--ink);font:15px/1.55 Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:11px 17px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 5px 14px rgba(7,91,183,.12)}button:hover,.button:hover{background:#064f9f;color:#fff}.button.secondary{background:#e9eff6;color:#234a75;box-shadow:none}.button.secondary:hover{background:#dce7f2}.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{display:block;margin-bottom:7px;color:#526887;font-size:11px;font-weight:800;letter-spacing:2.5px}.alert,.notice,.error{padding:14px 16px;border-radius:10px;margin:0 0 18px}.notice,.alert.notice{background:#e7f7f1;border-left:4px solid var(--green)}.error,.alert.error{background:#fff0f1;border-left:4px solid var(--red)}
/* shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;background:linear-gradient(180deg,#071b46 0%,#0a2d5c 100%);color:#fff;padding:22px 18px;display:flex;flex-direction:column;overflow-y:auto;z-index:20;box-shadow:8px 0 28px rgba(7,27,70,.08)}.sidebar-brand{display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px 22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand .logo{width:112px;height:78px;object-fit:contain;background:#fff;border-radius:12px;padding:5px;margin-bottom:9px}.sidebar-brand span{font-size:12px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:#c7d9ef}.side-nav{padding:13px 0;display:flex;flex-direction:column;gap:3px}.side-nav>a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;color:#eaf2fb;font-size:14px;font-weight:600}.side-nav>a:hover{background:rgba(255,255,255,.1)}.nav-section{margin:17px 10px 6px;color:#89a8ce;font-size:10px;font-weight:800;letter-spacing:1.8px}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:16px 8px 2px}.sidebar-footer>div{margin-bottom:8px}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer span{font-size:12px;color:#a9bfdb}.sidebar-footer>a{display:inline-block;color:#d9e8f7;font-size:13px;margin:6px 0 10px}.sidebar-footer form{margin:0}.sidebar-footer button{width:100%;background:rgba(255,255,255,.11);box-shadow:none}.app-main{margin-left:272px;min-height:100vh;padding:34px 38px 52px;max-width:1800px}.mobile-brand{display:none}
/* headings/forms/tables */
h1{margin:0 0 8px;color:var(--navy);font-size:34px;line-height:1.1;letter-spacing:-.8px}h2{color:#17375f;font-size:21px;margin:24px 0 12px}h3{color:#17375f}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading p{margin:0;color:var(--muted);max-width:820px}.page-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.back-link{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.form-section,.panel,.access-panel,.permission-section,.data-section,.leave-summary{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 6px 20px rgba(16,42,75,.045)}form{max-width:980px}label{display:block;margin:13px 0;color:#314866;font-size:13px;font-weight:700}input:not([type=checkbox]),select,textarea{display:block;width:100%;max-width:720px;margin-top:6px;padding:11px 12px;border:1px solid #cbd8e6;border-radius:9px;background:#fff;color:#1c314d;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#7aaee0;box-shadow:0 0 0 3px rgba(8,120,239,.10)}textarea{min-height:115px;resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;accent-color:var(--teal)}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 15px;margin:16px 0 20px}.filters label{flex:1;min-width:140px;margin:0}.filters input,.filters select{margin-top:5px}.filters button{margin:0}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:14px;box-shadow:0 5px 18px rgba(16,42,75,.04)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid #e8eef5;vertical-align:top}th{background:#f5f8fc;color:#3a4f6b;font-size:11px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}tr:last-child td{border-bottom:0}td form{display:inline-block;margin:4px 4px 4px 0}td .button,td button{padding:7px 10px;font-size:12px;box-shadow:none}.status-badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-good{background:#e6f6ef;color:#117554}.status-warn{background:#fff3d8;color:#8a6210}.status-muted{background:#edf1f6;color:#65758c}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin:18px 0}.cards article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 5px 18px rgba(16,42,75,.04)}.cards article span{display:block;color:var(--muted);font-size:12px;font-weight:700}.cards article strong{display:block;margin-top:3px;color:var(--navy);font-size:30px}.report-links{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 22px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{margin:0}.section-title span{color:var(--muted);font-size:12px}
/* login */
.auth-body{background:#edf4fb}.auth-main{min-height:100vh}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(430px,.95fr);background:linear-gradient(115deg,#eef6fb 0%,#f7fbff 45%,#fff 100%)}.auth-overview{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:72px 7vw 44px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(15,143,147,.10),transparent 34%),linear-gradient(145deg,#f3f9fc,#eef4fb)}.auth-overview:after{content:"";position:absolute;width:520px;height:520px;left:-170px;bottom:-285px;border-radius:50%;border:70px solid rgba(7,91,183,.05)}.auth-overview-inner,.auth-overview-footer{position:relative;z-index:2}.auth-kicker{display:block;color:#315378;font-size:12px;font-weight:900;letter-spacing:2.6px}.auth-overview h1{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-2.8px;margin:22px 0 22px}.auth-overview p{max-width:650px;color:#56708f;font-size:17px}.auth-capabilities{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}.auth-capabilities>div{min-width:145px;background:rgba(255,255,255,.82);border:1px solid #dce8f3;border-radius:13px;padding:13px;box-shadow:0 8px 25px rgba(16,42,75,.04)}.auth-capabilities span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e7f2ff;color:var(--blue);font-size:11px;font-weight:900;margin-bottom:8px}.auth-capabilities strong,.auth-capabilities small{display:block}.auth-capabilities small{color:var(--muted)}.auth-overview-footer{display:flex;align-items:center;gap:9px;color:#5c7390;font-size:13px}.auth-overview-footer i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(7,150,84,.08)}.auth-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(247,250,254,.94))}.auth-card{width:min(100%,510px);background:#fff;border:1px solid #dfe8f2;border-radius:20px;padding:38px 42px;box-shadow:0 24px 65px rgba(13,43,79,.12)}.auth-brand{text-align:center;padding-bottom:18px;border-bottom:1px solid #edf1f6}.auth-brand img{width:165px;max-height:105px;object-fit:contain}.auth-brand span{display:block;color:#49627f;font-size:10px;font-weight:900;letter-spacing:2.4px;margin-top:7px}.auth-heading{margin:24px 0 18px}.auth-heading h2{margin:0 0 4px;color:var(--navy);font-size:31px}.auth-heading p{margin:0;color:var(--muted)}.auth-form{max-width:none}.auth-field{margin:13px 0;color:#324b69}.auth-field small{font-weight:500;color:var(--muted)}.auth-input-wrap{position:relative;margin-top:6px}.auth-input-wrap>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#7e91a8;font-weight:800}.auth-input-wrap input{max-width:none;margin:0;padding:12px 70px 12px 38px}.password-toggle{position:absolute;right:6px;top:6px;padding:7px 9px;background:transparent;color:#49627f;box-shadow:none;font-size:12px}.password-toggle:hover{background:#edf4fb;color:#173d70}.auth-submit{width:100%;margin-top:8px;padding:13px 16px;border-radius:9px;background:linear-gradient(90deg,#075bb7,#0878ef)}.auth-submit span{margin-left:auto}.auth-divider{display:flex;align-items:center;gap:12px;color:#9aabc0;margin:24px 0 18px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e5ebf2}.auth-access-note{text-align:center}.auth-access-note strong,.auth-access-note span{display:block}.auth-access-note strong{font-size:13px;color:#415a78}.auth-access-note span{font-size:12px;color:#7b8ca1;margin-top:3px}.auth-copyright{color:#8a9aae;font-size:11px;margin:18px 0 0}.auth-global-error,.auth-global-notice{position:fixed;z-index:50;top:18px;left:50%;transform:translateX(-50%);max-width:620px;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow)}.auth-global-error{background:#fff0f1;border:1px solid #f1b4bd;color:#8f2232}.auth-global-notice{background:#eaf8f2;border:1px solid #b9e3d2;color:#176746}
/* home */
.home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:245px;padding:34px 38px;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#f5faff 58%,#e9f3ff 100%);border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 24px rgba(16,42,75,.05)}.home-hero:after{content:"";position:absolute;right:16%;top:-75px;width:74px;height:390px;background:linear-gradient(180deg,#ba0015,#ef3348);transform:rotate(30deg);opacity:.92}.home-hero-copy{position:relative;z-index:3;max-width:780px}.home-hero h1{font-size:clamp(36px,4vw,54px)}.home-hero p{max-width:720px;color:#4d6482;font-size:16px}.home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.home-hero-mark{position:relative;z-index:4;width:210px;height:150px;display:grid;place-items:center;background:rgba(255,255,255,.92);border:1px solid #dce6f1;border-radius:18px;box-shadow:0 16px 40px rgba(16,42,75,.1)}.home-hero-mark img{max-width:170px;max-height:110px;object-fit:contain}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.module-card{position:relative;display:flex;gap:16px;min-height:170px;padding:21px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);box-shadow:0 5px 18px rgba(16,42,75,.05);transition:.18s}.module-card:before{content:"";position:absolute;left:0;top:0;width:64px;height:3px;border-radius:0 4px 4px 0;background:var(--tone,var(--blue))}.module-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,42,75,.10)}.tone-blue{--tone:var(--blue)}.tone-purple{--tone:var(--purple)}.tone-teal{--tone:var(--teal)}.tone-orange{--tone:var(--amber)}.tone-green{--tone:var(--green)}.tone-red{--tone:var(--red)}.module-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:13px;background:#edf4fb;color:var(--tone);font-weight:900}.module-card h2{margin:0 0 7px}.module-card p{margin:0;color:var(--muted)}.module-link{display:block;margin-top:14px;color:var(--tone);font-size:12px;font-weight:800}.home-management{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px 25px}.home-management h2{margin:0 0 5px}.home-management p{margin:0;color:var(--muted)}.home-management>div:last-child{display:flex;gap:9px;flex-wrap:wrap}
/* attendance */
.attendance-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:16px 0}.attendance-kpis article{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;box-shadow:0 4px 16px rgba(16,42,75,.04)}.attendance-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tone)}.attendance-kpis span{display:block;color:var(--muted);font-size:11px;font-weight:800}.attendance-kpis strong{display:block;margin-top:5px;color:#17375f;font-size:25px}.att-green{--tone:var(--green)}.att-amber{--tone:var(--amber)}.att-red{--tone:var(--red)}.att-purple{--tone:var(--purple)}.att-blue{--tone:var(--blue)}.att-slate{--tone:#65758c}.leave-summary{display:flex;align-items:center;justify-content:space-between;gap:24px}.leave-summary h2{margin:0}.leave-grid{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:10px;flex:1;max-width:680px}.leave-card{background:#f7fafc;border:1px solid #e0e8f1;border-radius:10px;padding:12px}.leave-card strong,.leave-card span,.leave-card em{display:block}.leave-card span{color:#5e7088;font-size:12px}.leave-card em{margin-top:4px;color:var(--red);font-style:normal;font-size:11px;font-weight:800}.leave-over{border-color:#efbdc4;background:#fff6f7}
/* access */
.profile-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:17px}.profile-avatar{display:grid;place-items:center;width:55px;height:55px;border-radius:14px;background:var(--navy2);color:#fff;font-size:18px;font-weight:900}.profile-details{flex:1}.profile-details h2{margin:0}.profile-details p{margin:0}.profile-badges{display:flex;gap:7px;flex-wrap:wrap}.access-summary{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:11px;margin:0 0 17px}.access-summary>div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px}.summary-label{display:block;color:#78899d;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.permission-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.permission-section{margin:0}.permission-section-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1f6;padding-bottom:9px}.permission-section-title h2{margin:0}.permission-section-title span{font-size:11px;color:var(--muted)}.permission-grid{display:grid;gap:5px;margin-top:10px}.permission-item{display:flex;align-items:flex-start;gap:9px;margin:0;padding:8px;border-radius:8px}.permission-item:hover{background:#f5f8fb}.permission-item input{margin-top:3px}.permission-item strong,.permission-item small{display:block}.permission-item small{font-weight:500;color:var(--muted)}.access-toggle{display:flex;justify-content:space-between;gap:20px;align-items:center}.switch-row{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:12px;min-width:260px}.switch-row span,.switch-row small{display:block}.form-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.user-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
/* dashboard */
.dashboard-welcome{display:flex;justify-content:space-between;gap:20px}.dashboard-welcome p{margin:0;color:var(--muted)}.dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.dashboard-kpis article{border-top:3px solid var(--teal)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin:0;box-shadow:0 5px 18px rgba(16,42,75,.04)}.panel-heading{display:flex;justify-content:space-between;gap:12px}.panel-heading h2{margin:0}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.mini-stats>div{background:#f7fafc;border:1px solid #e2eaf2;border-radius:9px;padding:11px}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{font-size:22px;color:var(--navy)}.mini-stats span{font-size:11px;color:var(--muted)}
/* responsive/print */
@media(max-width:1200px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{position:static;width:auto;min-height:auto}.app-main{margin-left:0;padding:22px}.side-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-section{grid-column:1/-1}.sidebar-footer{display:none}.auth-page{grid-template-columns:1fr}.auth-overview{display:none}.auth-form-side{min-height:100vh}.home-hero-mark{display:none}.permission-sections{grid-template-columns:1fr}}
@media(max-width:650px){.app-main{padding:16px}.side-nav{grid-template-columns:1fr}.page-heading,.dashboard-welcome,.home-management,.leave-summary{flex-direction:column}.module-grid{grid-template-columns:1fr}.attendance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-grid{grid-template-columns:1fr;width:100%}.auth-form-side{padding:24px 15px}.auth-card{padding:28px 22px}.home-hero{padding:25px}.home-hero h1{font-size:36px}.access-summary{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.sidebar,.filters,.button,button,.page-actions,.dashboard-actions{display:none!important}.app-main{margin:0;padding:10px}.table-wrap{box-shadow:none}body{background:#fff}}
/* reports centre */
.reports-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:150px;padding:27px 30px;margin-bottom:15px;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#f7fbff 56%,#e7f2ff 100%);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px rgba(17,45,78,.05)}.reports-hero:after{content:"";position:absolute;right:21%;top:-80px;width:75px;height:340px;background:linear-gradient(180deg,#b90010,#f12637);transform:rotate(31deg)}.reports-hero>div{position:relative;z-index:2}.reports-hero p{margin:8px 0 0;max-width:760px;color:#4c6482}.reports-period{position:relative;z-index:3;background:#fff;border:1px solid #dfe7f0;border-radius:9px;padding:9px 13px;color:var(--navy);font-size:12px;font-weight:800;box-shadow:0 5px 16px rgba(15,35,70,.08)}.report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:16px}.report-kpi{position:relative;background:#fff;border:1px solid var(--line);border-radius:11px;padding:15px;overflow:hidden}.report-kpi:before,.report-card:before{content:"";position:absolute;left:0;top:0;width:58px;height:3px;background:var(--tone)}.report-kpi span{display:block;color:var(--muted);font-size:11px;font-weight:800}.report-kpi strong{display:block;margin-top:5px;color:var(--navy);font-size:27px}.tone-purple{--tone:var(--purple)}.tone-orange{--tone:var(--amber)}.report-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-card{position:relative;display:flex;gap:16px;min-height:150px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;color:inherit;box-shadow:0 5px 18px rgba(16,42,75,.045);transition:.18s;overflow:hidden}.report-card:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(16,42,75,.09)}.report-icon{display:grid;place-items:center;flex:0 0 55px;height:55px;border-radius:13px;background:#edf4fb;color:var(--tone);font-weight:900}.report-card h2{margin:0 0 6px}.report-card p{margin:0;color:var(--muted)}.report-card strong{display:block;margin-top:13px;color:var(--tone);font-size:12px}@media(max-width:1100px){.report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.report-kpis,.report-card-grid{grid-template-columns:1fr}.reports-period{display:none}}

/* ============================================================
   2026 Judiciary Command Centre redesign
   ============================================================ */
:root{
  --jud-navy:#082a54;
  --jud-deep:#031d3b;
  --jud-blue:#0f4f98;
  --jud-gold:#d8a128;
  --jud-cream:#fbfaf6;
  --jud-panel:#ffffff;
  --jud-border:#e4e7ec;
  --jud-text:#0f2d55;
}
body.app-body{background:#f7f5ef;color:var(--jud-text);font-family:Georgia,"Times New Roman",serif}
body.app-body button,body.app-body input,body.app-body select,body.app-body textarea,body.app-body .button{font-family:Inter,Segoe UI,system-ui,sans-serif}
.app-shell{background:#f7f5ef}
.sidebar{width:250px;padding:18px 12px 16px;background:linear-gradient(180deg,#041d3c 0%,#082a54 58%,#062344 100%);box-shadow:8px 0 24px rgba(0,26,55,.10)}
.sidebar-brand{align-items:center;padding:2px 4px 16px;text-align:center}
.brand-logo-card{width:118px;height:108px;border-radius:15px;background:#fff;display:grid;place-items:center;padding:5px;box-shadow:0 8px 20px rgba(0,0,0,.16);margin-bottom:8px}
.sidebar-brand .logo{width:100%;height:100%;object-fit:contain;background:transparent;border-radius:0;padding:0;margin:0}
.sidebar-brand>span:last-child{font-family:Inter,Segoe UI,sans-serif;font-size:11px;letter-spacing:2px;color:#e8eef7}
.side-nav{gap:2px;padding-top:10px}.side-nav>a{font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:600;padding:9px 11px;color:#fff;border-radius:7px}
.side-nav>a:hover{background:rgba(255,255,255,.09)}
.side-nav>a:first-child{background:linear-gradient(135deg,#e0ad3b,#b67c16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff}
.nav-section{font-family:Inter,Segoe UI,sans-serif;color:#8fb1d4;margin:14px 10px 4px;font-size:9px;letter-spacing:1.8px}
.sidebar-cad{margin-top:auto;padding:18px 8px 13px;border-top:1px solid rgba(255,255,255,.1);text-align:left;background:linear-gradient(180deg,transparent,rgba(0,0,0,.10));font-family:Georgia,"Times New Roman",serif}
.sidebar-cad .cad-symbol{display:block;color:#d5a132;font-size:40px;line-height:1;margin-bottom:7px}.sidebar-cad strong{display:block;color:#e1ad3e;font-size:15px;line-height:1.05}.sidebar-cad small{display:block;margin-top:6px;color:#dbe7f2;font-family:Inter,Segoe UI,sans-serif;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.5px}
.sidebar-footer{margin-top:0;font-family:Inter,Segoe UI,sans-serif}
.app-main{margin-left:250px;padding:0 28px 42px;max-width:none;background:#f8f7f3}
.app-topbar{height:76px;margin:0 -28px 0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.95);border-bottom:1px solid #e8e4da;box-shadow:0 3px 16px rgba(18,45,75,.04);position:sticky;top:0;z-index:15;font-family:Inter,Segoe UI,sans-serif}
.app-topbar>div:first-child strong,.app-topbar>div:first-child span{display:block}.app-topbar>div:first-child strong{font-family:Georgia,"Times New Roman",serif;font-size:19px;color:#082a54}.app-topbar>div:first-child span{font-size:10px;letter-spacing:3px;color:#4f6e93;font-weight:800}.topbar-meta{display:flex;align-items:center;gap:20px;color:#24466e;font-size:12px}.topbar-user b,.topbar-user small{display:block}.topbar-user small{font-size:10px;color:#71839a}.mobile-brand{display:none}

/* Login */
.auth-body{background:#fff}.auth-main{min-height:100vh}.auth-page.auth-redesign{grid-template-columns:minmax(720px,1.55fr) minmax(430px,.72fr);background:#fff;min-height:100vh}
.auth-redesign .auth-visual{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f8fbff 58%,#0c559f 58.2%,#092d5b 100%);padding:38px 58px 34px;display:flex;flex-direction:column}
.auth-redesign .auth-visual:before{content:"";position:absolute;width:760px;height:260px;left:-90px;top:375px;background:#fff;border-bottom:12px solid var(--jud-gold);border-radius:0 0 55% 28%;transform:rotate(7deg);z-index:2;box-shadow:0 10px 0 #0b559d}
.auth-redesign .auth-identity{position:relative;z-index:4;width:320px;text-align:center}.judiciary-logo{width:145px;height:145px;object-fit:contain}.auth-court-title{font-family:Georgia,"Times New Roman",serif;font-weight:700;color:#0a376a;font-size:24px;line-height:1.1;border-bottom:2px solid #d6a22b;padding:5px 0 11px}
.auth-visual-pattern{position:absolute;right:0;top:0;width:64%;height:47%;z-index:1;overflow:hidden;background:linear-gradient(135deg,#f8f4e8 0%,#eef4f8 46%,#dce8f2 100%)}.auth-visual-pattern:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.92) 0 20%,transparent 20% 100%)}.auth-pattern-ring{position:absolute;border:1px solid rgba(8,45,86,.15);border-radius:50%}.ring-one{width:310px;height:310px;right:25px;top:-95px}.ring-two{width:185px;height:185px;right:150px;top:95px;border-color:rgba(185,135,30,.28)}.auth-pattern-grid{position:absolute;right:34px;bottom:24px;width:210px;height:95px;background-image:radial-gradient(rgba(8,45,86,.22) 1.2px,transparent 1.2px);background-size:13px 13px;opacity:.5}.auth-pattern-label{position:absolute;right:44px;top:66px;text-align:right;color:#0b315c}.auth-pattern-label strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:1px}.auth-pattern-label span{display:block;margin-top:4px;color:#a87316;font-size:13px;font-weight:900;letter-spacing:4px}
.auth-title-block{position:relative;z-index:5;margin-top:70px;max-width:650px}.auth-title-block h1{margin:0;font-family:Inter,Segoe UI,sans-serif;font-size:50px;line-height:1.02;letter-spacing:-1.2px}.auth-title-block h1 span,.auth-title-block h1 strong{display:block}.auth-title-block h1 span{color:#0c3970}.auth-title-block h1 strong{color:#dfa526}.auth-title-block h1 strong:after{content:"";display:block;width:105px;height:3px;background:#d7a42e;margin:13px auto 0}.auth-title-block .auth-division{margin:15px 0 4px;font-size:19px;letter-spacing:6px;color:#0c3f78;font-family:Inter,Segoe UI,sans-serif}.auth-title-block>p:last-child{font-family:Inter,Segoe UI,sans-serif;color:#204c77;font-size:15px}.auth-title-block b{color:#d9a52a}
.auth-justice-panel{position:absolute;left:58px;bottom:40px;z-index:6;color:#fff;display:flex;align-items:center;gap:18px}.justice-symbol{font-size:64px;color:#dda52d;line-height:1}.auth-justice-panel strong,.auth-justice-panel span{display:block}.auth-justice-panel strong{font-family:Georgia,"Times New Roman",serif;font-size:22px;border-bottom:2px solid #d6a02c;padding-bottom:7px}.auth-justice-panel span{font-family:Inter,Segoe UI,sans-serif;font-size:10px;letter-spacing:1px;margin-top:8px;color:#ecf2f8}
.auth-redesign .auth-form-side{background:linear-gradient(180deg,#f8fbff,#f0f5fb);padding:38px 36px}.auth-redesign .auth-card{width:min(100%,520px);padding:38px 42px;border-radius:18px;border:1px solid #dfe5ec;box-shadow:0 20px 48px rgba(10,43,82,.13)}.auth-redesign .auth-heading{margin:0 0 22px}.auth-redesign .auth-heading h2{font-family:Inter,Segoe UI,sans-serif;font-size:40px;letter-spacing:-1px;color:#0a376c;margin:0 0 4px}.auth-redesign .auth-heading h2:after{content:"";display:block;width:75px;height:3px;background:#d5a12a;margin-top:9px}.auth-redesign .auth-heading p{font-family:Inter,Segoe UI,sans-serif;color:#244a75;font-size:15px;line-height:1.45;margin-top:14px}.auth-redesign .auth-field{font-family:Inter,Segoe UI,sans-serif;margin:13px 0;color:#36506d}.auth-redesign .auth-field>div{margin-top:6px}.auth-redesign .auth-input-wrap input{height:52px;border-radius:6px;border-color:#cfd8e2;font-size:14px;padding-left:42px}.auth-redesign .auth-input-wrap>span{color:#708094}.auth-redesign .password-toggle{top:8px}.auth-tools{display:flex;align-items:center;justify-content:space-between;margin:12px 0 2px;font-family:Inter,Segoe UI,sans-serif;font-size:12px;color:#627890}.auth-redesign .auth-submit{height:54px;border-radius:7px;background:linear-gradient(90deg,#063b79,#0b58a8);box-shadow:none;font-size:17px}.auth-account-note{text-align:center;margin-top:20px;color:#6b7a8e;font-family:Inter,Segoe UI,sans-serif;font-size:12px}.auth-account-note strong{color:#0b559f}.auth-redesign .auth-copyright{font-family:Inter,Segoe UI,sans-serif;font-size:10px;color:#7d8da0}

/* Command centre dashboard */
.command-hero{position:relative;height:220px;margin:22px 0 0;border-radius:0;overflow:hidden;background:#fbfaf5;display:grid;grid-template-columns:43% 57%;box-shadow:inset 0 -1px 0 #e5e1d7}.command-copy{position:relative;z-index:4;padding:27px 34px}.command-copy:after{content:"";position:absolute;right:-55px;top:-20px;width:95px;height:300px;background:linear-gradient(90deg,#e4b341 0 16%,#fff 16% 29%,#d9a02a 29% 41%,transparent 41%);transform:skewX(22deg);opacity:.9}.command-kicker{font-family:Inter,Segoe UI,sans-serif;font-size:11px;font-weight:800;letter-spacing:2.5px;color:#a16a12}.command-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;line-height:.96;letter-spacing:-1px;margin:8px 0 10px;color:#092b55}.command-copy p{font-size:16px;color:#284a70;margin:0}.command-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:22px;padding:28px;background:linear-gradient(135deg,#0a2d58 0%,#123f72 58%,#0b2749 100%);color:#fff}.command-art:before{content:"";position:absolute;inset:auto -65px -110px auto;width:320px;height:320px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(217,164,48,.05)}.command-art:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,#d9a430 0 28%,#fff 28% 32%,#d9a430 32% 50%,transparent 50%)}.command-art-mark{position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(255,255,255,.28);border-radius:24px;background:rgba(255,255,255,.08);font-family:Georgia,"Times New Roman",serif;font-size:38px;font-weight:700;box-shadow:inset 0 0 0 5px rgba(217,164,48,.12)}.command-art-copy{position:relative;z-index:2;max-width:260px}.command-art-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.1}.command-art-copy span{display:block;margin-top:9px;color:#d7e3ef;font-size:12px;line-height:1.5}.command-art-grid{position:absolute;right:20px;top:18px;width:135px;height:80px;background-image:radial-gradient(rgba(255,255,255,.26) 1.2px,transparent 1.2px);background-size:12px 12px;opacity:.55}
.command-kpis{position:relative;z-index:7;margin-top:-4px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.command-kpi{position:relative;min-height:100px;background:#fff;border:1px solid #e8e5de;border-radius:8px;padding:15px 14px;display:flex;align-items:flex-start;gap:12px;color:#102f57;box-shadow:0 8px 22px rgba(15,40,70,.06);overflow:hidden}.command-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,40,70,.10)}.kpi-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:7px;color:#fff;font-family:Inter,Segoe UI,sans-serif;font-size:22px;font-weight:800}.command-kpi strong,.command-kpi span{display:block}.command-kpi strong{font-size:30px;line-height:1;font-family:Georgia,"Times New Roman",serif}.command-kpi div>span{font-size:13px;line-height:1.15;margin-top:6px}.command-kpi i{position:absolute;right:12px;bottom:12px;width:43px;height:26px;opacity:.24;background:repeating-linear-gradient(90deg,currentColor 0 5px,transparent 5px 9px);clip-path:polygon(0 75%,20% 52%,40% 70%,60% 30%,80% 42%,100% 0,100% 100%,0 100%)}.kpi-navy .kpi-icon{background:#123d68}.kpi-red .kpi-icon{background:#bc0928}.kpi-green .kpi-icon{background:#08794f}.kpi-gold .kpi-icon{background:#c38a1c}.kpi-purple .kpi-icon{background:#592272}
.command-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin:12px 0 0}.command-panel{background:#fff;border:1px solid #e6e2da;border-radius:8px;padding:16px 17px;margin:0;box-shadow:0 5px 16px rgba(13,38,69,.045);overflow:hidden}.command-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.command-panel-head>div{display:flex;align-items:center;gap:10px}.command-panel-head h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:22px;color:#0c2f5b}.command-panel-head>a{font-family:Inter,Segoe UI,sans-serif;font-size:11px}.panel-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;font-family:Inter,Segoe UI,sans-serif;font-size:18px;font-weight:900}.panel-icon.danger{background:#b90625}.panel-icon.navy{background:#073c68}.panel-icon.teal{background:#0d8d91}.panel-icon.gold{background:#c59122}.panel-icon.purple{background:#592272}.panel-tabs{display:flex;gap:38px;border-bottom:1px solid #e3e7eb;margin-bottom:11px;padding-left:8px;font-size:12px;color:#4c6686}.panel-tabs span{padding:0 0 8px}.panel-tabs .active{color:#b30725;border-bottom:3px solid #b30725;font-weight:700}.command-table-wrap{overflow:auto;border:1px solid #e6e9ed;border-radius:7px}.command-table{font-family:Inter,Segoe UI,sans-serif;font-size:11px}.command-table th{background:#f4f7fa;color:#17375c;font-size:9px;padding:9px 10px}.command-table td{padding:8px 10px}.pill{display:inline-flex;justify-content:center;min-width:60px;padding:3px 7px;border-radius:5px;font-size:9px;font-weight:700;font-family:Inter,Segoe UI,sans-serif}.priority-critical,.priority-high{background:#ffe3e5;color:#b51d2d}.priority-medium{background:#fff1cf;color:#a86b04}.priority-low{background:#f2f4f7;color:#657487}.status-pill{background:#e6f2ff;color:#0d63ad}.empty-state{min-height:120px;display:grid;place-items:center;align-content:center;color:#7d8fa3}.empty-state span{font-size:34px}.empty-state p{margin:5px 0 0}.empty-state.compact{min-height:120px}
.glance-body{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.glance-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f2;padding:5px 2px;font-size:13px}.attendance-ring{display:grid;place-items:center;align-content:center;gap:8px}.attendance-ring>div{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0c5ba8 calc(var(--rate)*1%),#ececec 0);position:relative}.attendance-ring>div:before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:#fff}.attendance-ring strong{position:relative;font-size:29px;color:#0a376a}.attendance-ring>span{font-size:12px}.stock-body{display:grid;grid-template-columns:1fr 150px;gap:20px}.stock-list>div{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px solid #edf0f2;font-size:12px}.stock-ring{width:132px;height:132px;border:15px solid #d7d6d2;border-top-color:#1b68b3;border-radius:50%;display:grid;place-items:center;align-content:center;margin:auto}.stock-ring strong{font-size:23px}.stock-ring span{font-size:9px}
.command-panel:nth-of-type(3),.command-panel:nth-of-type(4),.command-panel:nth-of-type(5){min-height:240px}

@media(max-width:1250px){.command-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-page.auth-redesign{grid-template-columns:1fr}.auth-redesign .auth-visual{display:none}.auth-redesign .auth-form-side{min-height:100vh}.command-grid{grid-template-columns:1fr}.command-hero{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{position:static;width:auto}.app-main{margin-left:0;padding:0 18px 30px}.app-topbar{margin:0 -18px;padding:0 18px}.sidebar-cad,.sidebar-footer{display:none}.command-hero{grid-template-columns:1fr;height:auto}.command-art{height:220px}.command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-meta>span:first-child{display:none}}
@media(max-width:600px){.app-topbar>div:first-child strong{font-size:14px}.command-copy{padding:24px 20px}.command-copy h1{font-size:36px}.command-copy:after{display:none}.command-kpis{grid-template-columns:1fr}.glance-body,.stock-body{grid-template-columns:1fr}.command-grid{gap:10px}.auth-redesign .auth-card{padding:28px 22px}.auth-redesign .auth-form-side{padding:22px 14px}}


/* AV support and courtroom upgrade reporting */
.metric-text{font-size:17px!important;line-height:1.15!important;margin-top:10px!important;word-break:break-word}
.av-operations-panel{background:linear-gradient(145deg,#fff,#f8fbfd)}
.av-ops-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.av-ops-metrics a{display:block;border:1px solid #dfe8ef;border-radius:9px;padding:13px 14px;background:#f7fbfd;color:#17375f}
.av-ops-metrics a:first-child{border-left:4px solid #0d8d91}.av-ops-metrics a:last-child{border-left:4px solid #c59122}
.av-ops-metrics span,.av-ops-metrics strong{display:block}.av-ops-metrics span{font-size:11px;color:#61758e;font-weight:700}.av-ops-metrics strong{font:700 30px/1 Georgia,"Times New Roman",serif;color:#0c2f5b;margin-top:5px}
.av-type-list{border-top:1px solid #edf0f2;padding-top:8px}.mini-heading{display:block;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#8090a3;margin:2px 0 5px}.av-type-list>div{display:flex;justify-content:space-between;gap:15px;padding:5px 2px;border-bottom:1px solid #f0f2f4;font-size:12px}.av-type-list>div:last-child{border-bottom:0}.av-type-list strong{color:#0d6570}
@media(max-width:600px){.av-ops-metrics{grid-template-columns:1fr}}

/* Microsoft 365 sign-in + final login branding */
.auth-identity.tech-only{display:flex;align-items:flex-start;justify-content:flex-start}.tech-login-logo{width:min(260px,78%);max-height:230px;object-fit:contain;background:#fff;border-radius:22px;padding:12px;box-shadow:0 18px 44px rgba(3,34,67,.16)}
.auth-divider{display:flex;align-items:center;gap:14px;margin:18px 0;color:#718096;font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#d8e0e8;flex:1}
.microsoft-signin{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #cbd5df;border-radius:10px;padding:13px 16px;text-decoration:none;color:#12335d;background:#fff;transition:.15s ease}.microsoft-signin:hover{border-color:#7e9cc0;box-shadow:0 8px 20px rgba(17,63,108,.08)}.microsoft-signin.is-disabled{opacity:.55;pointer-events:none}.ms-grid{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:2px}.ms-grid i:nth-child(1){background:#f25022}.ms-grid i:nth-child(2){background:#7fba00}.ms-grid i:nth-child(3){background:#00a4ef}.ms-grid i:nth-child(4){background:#ffb900}.auth-config-note{font-size:.78rem;color:#718096;text-align:center;margin:8px 0 0}.integration-status{padding:12px 14px;background:#f5f8fb;border:1px solid #dfe7ef;border-radius:10px;margin-bottom:18px}.notification-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.notification-settings-grid article{border:1px solid #e0e6ec;background:#fff;border-radius:12px;padding:16px}.notification-settings-grid article p{margin:.45rem 0 1rem;color:#66788a}.notification-settings-grid article label{margin:0}.notification-settings-grid input[type=number]{max-width:130px}
@media(max-width:800px){.notification-settings-grid{grid-template-columns:1fr}.tech-login-logo{width:220px}}

/* Event coordination */
.event-check {display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border-bottom:1px solid #dbe4ef;}
.event-check form {margin:0;}
.event-check button {padding:.45rem .8rem;}
@media(max-width:600px){.event-check{align-items:flex-start;flex-direction:column;}}