/* OneCore business release: cohesive, accessible desktop-first visual system. */
:root{--oc-ink:#eaf0f7;--oc-muted:#a9b9ca;--oc-line:#314258;--oc-card:#15243a;--oc-brand:#51b9c1;--oc-focus:#7dd6e1}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.008em}
.shell{grid-template-columns:264px minmax(0,1fr)}
aside{background:linear-gradient(180deg,#101d2e 0%,#111d2f 100%);border-right:1px solid #2b3d54;padding:25px 14px;box-shadow:5px 0 24px rgba(0,0,0,.08)}
.brand{font-size:21px;letter-spacing:-.055em;font-weight:800;padding:0 4px 12px;margin-bottom:13px}
.sidebar-menu{gap:17px}.nav-group{gap:4px}.nav-heading{font-size:10px;letter-spacing:.13em;color:#8298ae;padding:10px 12px 5px}
.nav{font-size:13px;font-weight:550;min-height:40px;display:flex;align-items:center;gap:10px;border-radius:9px;transition:background .16s ease,color .16s ease;padding:10px 12px}
.nav:hover{background:#22354c;color:#fff}.nav.active{background:#254359;color:#fff;box-shadow:inset 3px 0 #5fc6cd}
main{max-width:1600px;padding:34px clamp(20px,3vw,48px) 70px}
h1{font-size:clamp(26px,2.4vw,35px);font-weight:750;letter-spacing:-.045em;line-height:1.2}
h2{font-size:19px;font-weight:720;letter-spacing:-.025em;line-height:1.35}
h3{letter-spacing:-.02em}.tag{color:#7ccbd0;letter-spacing:.13em;font-weight:750}
p{line-height:1.58}.muted{color:var(--oc-muted)}
.card{background:linear-gradient(180deg,#16263b,#142237);border:1px solid #30435b;border-radius:14px;box-shadow:0 5px 22px rgba(0,0,0,.09);padding:22px}
.cards,.grid{gap:16px}.metric{font-weight:760;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
button{border-radius:9px;font-weight:650;transition:filter .15s ease,transform .15s ease}button:hover{filter:brightness(1.09)}button:active{transform:translateY(1px)}
button.secondary{background:#294057;color:#eaf3fa;border:1px solid #40566b}
input,select,textarea{background:#102033;border:1px solid #3a5068;border-radius:9px;min-height:41px;color:#edf4fc}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--oc-focus);outline-offset:2px}
label{color:#bdcad9;font-weight:600;letter-spacing:.005em}
.tablewrap{border:1px solid #2d4057;border-radius:11px;overflow:auto}
table{border-collapse:separate;border-spacing:0}th{font-size:11px;letter-spacing:.065em;text-transform:uppercase;color:#b6c7d7;background:#1b2d43;white-space:nowrap}td{color:#e0e9f3}td,th{border-bottom:1px solid #2d4057;padding:13px 15px}tbody tr:hover{background:rgba(112,156,187,.065)}tbody tr:last-child td{border-bottom:0}
.notice{border-left-color:#60c3cb;background:#1c3045;color:#dbe9f4;border-radius:9px;padding:15px 17px}
.pill{border-color:#536980;background:#22374b;font-weight:650}
.actions{gap:10px}details>summary{cursor:pointer}details[open]>summary{margin-bottom:10px}
@media(max-width:800px){.shell{grid-template-columns:1fr}aside{position:relative;height:auto;max-height:none;overflow:visible;padding:15px}.sidebar-menu{gap:9px}main{padding:24px 15px 55px}.card{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}