html{scroll-behavior:smooth}
body{padding-right:255px}
.sidebar{position:fixed;right:0;top:0;bottom:0;width:255px;background:#172033;color:#fff;z-index:25;padding:22px 14px;display:flex;flex-direction:column;box-shadow:-8px 0 30px #17203320}
.side-brand{display:flex;align-items:center;gap:11px;padding:0 7px 22px;border-bottom:1px solid #ffffff18}
.side-brand>div{display:flex;flex-direction:column}.side-brand small,.side-foot small{color:#aeb8ca}
.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:22px}
.sidebar nav a{color:#bfc8d8;text-decoration:none;padding:11px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;transition:.2s}
.sidebar nav a span{font-size:20px;width:24px;text-align:center}
.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,#6556e8,#786bea);color:#fff}
.side-foot{margin-top:auto;border-top:1px solid #ffffff18;padding:16px 8px 0;display:flex;justify-content:space-between}
.sidebar-overlay{display:none}.menu-toggle{display:none;background:#f0f2f7;color:var(--text);font-size:20px;padding:7px 11px}
.topbar>div{grid-template-columns:auto auto}.scroll-section{scroll-margin-top:92px}
.app-view{display:none}.app-view.current{display:block}.stats.app-view.current{display:grid}
.report-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-cards article{border:1px solid var(--line);border-radius:14px;padding:20px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px}.report-cards article>span{width:52px;height:52px;border-radius:14px;background:#eeeaff;color:var(--primary);display:grid;place-items:center;font-size:25px}.report-cards h3{margin:0 0 4px}.report-cards p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:950px){body{padding-right:0}.sidebar{transform:translateX(105%);transition:transform .25s}.sidebar.open{transform:none}.sidebar-overlay{display:block;position:fixed;inset:0;background:#10152288;z-index:20;opacity:0;pointer-events:none;transition:.25s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.menu-toggle{display:block}.topbar{padding:0 18px}}
@media(max-width:700px){.report-cards{grid-template-columns:1fr}.report-cards article{grid-template-columns:45px 1fr}.report-cards article button{grid-column:1/3}.report-cards article>span{width:45px;height:45px}}
@media print{body{padding-right:0}.sidebar,.sidebar-overlay{display:none!important}}
