body{font-size:14.5px} .shell{display:grid;min-height:calc(100vh - 24px)} @media(min-width:900px){.shell{grid-template-columns:250px 1fr}}
.side{background:linear-gradient(180deg,var(--navy),#030b3d);color:#fff;padding:16px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow:auto} @media(max-width:899px){.side{position:static;height:auto}}
.side .brand{background:#fff;border-radius:16px;padding:6px 10px;margin-bottom:6px;display:block} .side .brand img{height:56px;display:block;margin:0 auto} .side .tag{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);margin:2px 8px 12px}
.side nav{display:flex;flex-direction:column;gap:2px} .side a{color:#cdd8ff;text-decoration:none;padding:10px 12px;border-radius:12px;display:flex;gap:10px;align-items:center;font-weight:600} .side a:hover{background:rgba(255,255,255,.08);color:#fff} .side a[aria-current=page]{background:var(--yellow);color:var(--navy);font-weight:800}
.side .who{margin-top:auto;font-size:.8rem;color:#b5c3f5;padding:14px 8px 0;border-top:1px solid rgba(255,255,255,.12)}
.content{padding:26px 30px;max-width:1380px;width:100%} .content>h1{font-size:1.7rem;margin-bottom:18px}
.stat{display:grid;gap:2px;border-top:5px solid var(--yellow)} .stat b{font-size:1.8rem;font-weight:900;color:var(--navy)} .stat span{color:var(--ink-2);font-size:.8rem;font-weight:600}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))} .toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:10px 0} .toolbar label{margin:0 0 3px;font-size:.78rem} .toolbar input,.toolbar select{min-height:38px}
.login{max-width:420px;margin:7vh auto;padding:0 16px} .login .logo{display:block;margin:0 auto 18px;height:110px} .login .card{padding:28px;border-top:6px solid var(--yellow)}
tr.click{cursor:pointer} tr.click:hover{background:var(--sky)} .tl{border-left:3px solid var(--line);padding-left:16px;margin-left:6px} .tl>div{position:relative;padding:6px 0} .tl>div:before{content:"";position:absolute;left:-23px;top:12px;width:11px;height:11px;border-radius:50%;background:var(--royal);border:2px solid #fff}
pre{background:#071a4f;color:#d6e2ff;padding:12px;border-radius:12px;overflow:auto;font-size:.8rem;max-height:260px} .two{display:grid;gap:16px} @media(min-width:1000px){.two{grid-template-columns:1fr 1fr}}

.login .card input{width:100%} .login .card{display:flex;flex-direction:column;gap:6px} .login .card.stack>*+*{margin-top:0} .login .card .btn{margin-top:12px} .login h1{margin-bottom:18px;font-size:1.6rem}

.side details.more{margin-top:8px;border-top:1px solid rgba(255,255,255,.12);padding-top:8px} .side details.more summary{cursor:pointer;color:#9fb2f0;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px;list-style:none} .side details.more summary::-webkit-details-marker{display:none} .side details.more summary:after{content:' ▾'} .side details.more[open] summary:after{content:' ▴'}