:root{--rl:#d51f2a;--rl2:#ff4d57;--navy:#101827;--navy2:#172236;--ink:#172033;--muted:#748097;--line:#e7ebf2;--surface:#fff;--bg:#f5f7fb;--green:#17a673;--amber:#d98b16;--blue:#3c78e8;--shadow:0 12px 35px rgba(16,24,40,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}a{text-decoration:none}#appShell{min-height:100vh;display:flex}
#sidebar{width:272px;min-height:100vh;background:linear-gradient(180deg,#0d1422 0%,#111a2b 65%,#0b1220 100%);color:#aeb9cc;position:fixed;inset:0 auto 0 0;z-index:1040;display:flex;flex-direction:column;box-shadow:14px 0 40px rgba(9,15,27,.08)}.brand{height:88px;padding:18px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--rl),#9e1018);color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 22px rgba(213,31,42,.28)}.brand strong{display:block;color:#fff;letter-spacing:.16em;font-size:15px}.brand span{color:#ff5a62;font-weight:800;margin-left:2px}.brand small{display:block;color:#6f7d94;font-size:8px;letter-spacing:.16em;margin-top:2px}.sidebar-scroll{overflow:auto;padding:16px 12px;flex:1}.nav-section{font-size:9px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#536178;padding:16px 12px 7px}.nav-item{display:flex;align-items:center;gap:12px;color:#9eabc0;padding:11px 12px;margin:3px 0;border-radius:10px;font-weight:600;transition:.18s}.nav-item i{font-size:16px;width:20px;text-align:center}.nav-item:hover{background:rgba(255,255,255,.045);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(213,31,42,.18),rgba(213,31,42,.04));color:#fff;box-shadow:inset 3px 0 0 var(--rl)}.sidebar-footer{margin:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:11px;display:flex;gap:9px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#20c997;box-shadow:0 0 0 5px rgba(32,201,151,.08)}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:11px;color:#dce3ef}.sidebar-footer small{font-size:9px;color:#66758d;margin-top:2px}
#mainArea{margin-left:272px;min-width:0;width:calc(100% - 272px)}.topbar{height:88px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:1000}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#9aa5b8;font-weight:800}.page-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:18px}.top-clock{color:#78859a;font-size:12px;font-weight:600}.user-menu{border:0;background:transparent;display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--navy2),#293852);color:#fff;display:grid;place-items:center;font-weight:800}.user-menu strong,.user-menu small{display:block}.user-menu strong{font-size:12px}.user-menu small{font-size:10px;color:#9aa5b8}.icon-btn{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:10px}.content-wrap{padding:28px 32px 42px;max-width:1700px;margin:auto}.alert{border:0;border-left:4px solid var(--blue)}
.cardx,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h5{font-size:14px;font-weight:800;margin:0}.panel-body{padding:20px}.muted{color:var(--muted)}.section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#7d899d}.btn{border-radius:9px;font-weight:700}.btn-primary{--bs-btn-bg:var(--rl);--bs-btn-border-color:var(--rl);--bs-btn-hover-bg:#b71720;--bs-btn-hover-border-color:#b71720}.btn-dark{background:var(--navy);border-color:var(--navy)}.form-control,.form-select{border-color:#dfe4ec;border-radius:9px;min-height:42px;box-shadow:none}.form-control:focus,.form-select:focus{border-color:#e36a71;box-shadow:0 0 0 3px rgba(213,31,42,.08)}.form-label{font-size:11px;font-weight:800;color:#657187;text-transform:uppercase;letter-spacing:.05em}.table{margin:0}.table>thead>tr>th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8b96a9;font-weight:800;border-bottom:1px solid var(--line);padding:13px 14px;white-space:nowrap}.table>tbody>tr>td{padding:14px;font-size:13px;border-color:#eef1f5;vertical-align:middle}.table-hover>tbody>tr:hover{background:#fafbfd}.badge{font-size:10px;letter-spacing:.02em;padding:.5em .75em}.icon-box{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:19px}.kpi-card{padding:18px;position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-40px;background:rgba(255,255,255,.55)}.kpi-label{font-size:10px;color:#8b96a9;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.kpi-value{font-size:25px;font-weight:850;letter-spacing:-.04em;margin-top:6px}.kpi-meta{font-size:11px;color:#8b96a9;margin-top:4px}.quick{display:flex;gap:9px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:10px;color:#465269;background:#fff;font-weight:700;font-size:12px}.quick:hover{border-color:#cbd3df;color:var(--rl)}.mini-avatar{width:30px;height:30px;border-radius:9px;background:#edf1f7;display:grid;place-items:center;font-size:11px;font-weight:800}.empty{padding:48px 20px;text-align:center;color:#98a2b3}.empty i{font-size:30px;display:block;margin-bottom:10px}.filterbar{padding:14px;background:#fbfcfe;border:1px solid var(--line);border-radius:12px}.metric-strip{display:flex;gap:10px;flex-wrap:wrap}.metric{padding:9px 12px;border:1px solid var(--line);background:#fff;border-radius:9px;font-size:11px}.metric strong{font-size:14px;margin-left:4px}.danger-text{color:var(--rl)}.success-text{color:var(--green)}
.cert-paper{background:#fff;border:12px double #121a28;border-radius:3px;padding:60px;max-width:1000px;margin:auto;position:relative;text-align:center}.cert-paper:before{content:"";position:absolute;inset:18px;border:1px solid #d9b15a;pointer-events:none}.cert-title{font-size:42px;font-weight:900;letter-spacing:.16em}.cert-ribbon{color:var(--rl);font-weight:800;letter-spacing:.2em}.cert-name{font-family:Georgia,serif;font-size:36px;font-weight:700;margin:25px 0 8px}.cert-line{height:1px;background:#ddd;width:70%;margin:18px auto}.cert-meta{color:#68758a;font-size:13px}
#mobileOverlay{display:none}@media(max-width:991px){#sidebar{transform:translateX(-100%);transition:.22s}#sidebar.open{transform:none}#mobileOverlay.show{display:block;position:fixed;inset:0;background:rgba(8,14,24,.5);z-index:1030}#mainArea{margin-left:0;width:100%}.content-wrap{padding:20px 16px 35px}.topbar{padding:0 16px;height:76px}.page-title{font-size:18px}.brand{height:76px}}@media(max-width:575px){.content-wrap{padding:16px 11px}.topbar{padding:0 11px}.panel-body{padding:14px}.table-responsive{border-radius:12px}.kpi-value{font-size:21px}}
@media print{#sidebar,.topbar,.no-print{display:none!important}#mainArea{margin:0;width:100%}.content-wrap{padding:0}.cert-paper{max-width:none;box-shadow:none}}

html[dir='rtl']{direction:rtl}html[dir='rtl'] body{text-align:right}html[dir='rtl'] .text-end{text-align:left!important}html[dir='rtl'] .text-start{text-align:right!important}html[dir='rtl'] .sidebar-footer{flex-direction:row-reverse}html[dir='rtl'] .dropdown-menu{direction:rtl;text-align:right}html[dir='rtl'] .table th,html[dir='rtl'] .table td{text-align:right}html[dir='rtl'] .me-1{margin-left:.25rem!important;margin-right:0!important}html[dir='rtl'] .me-2{margin-left:.5rem!important;margin-right:0!important}