:root{--sidebar:#343441;--sidebar-hover:#40404e;--page:#f3f4f7;--card:#fff;--ink:#31333e;--muted:#8b8e9a;--line:#e8e9ee;--blue:#4c6fff;--green:#22b893;--violet:#8468ed;--orange:#ec9d3f}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;min-width:320px}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--sidebar);color:#d4d4dc;display:flex;flex:0 0 250px;flex-direction:column;height:100vh;padding:25px 14px 18px;position:sticky;top:0;z-index:30}.sidebar-brand{align-items:center;color:#fff;display:flex;gap:10px;margin:0 11px 41px;text-decoration:none}.brand-mark{align-items:center;background:linear-gradient(135deg,#e76f8a,#8065e9);border-radius:7px;color:#fff;display:flex;font-size:17px;font-weight:800;height:31px;justify-content:center;width:31px}.sidebar-brand strong{display:block;font-size:16px;font-weight:720;letter-spacing:-.3px}.sidebar-brand small{color:#9294a5;display:block;font-size:9px;font-weight:700;letter-spacing:1.1px;margin-top:2px;text-transform:uppercase}.sidebar-label{color:#898b9c;font-size:10px;font-weight:750;letter-spacing:.8px;margin:0 13px 9px;text-transform:uppercase}.sidebar-nav{display:grid;gap:3px}.sidebar-link{align-items:center;border-radius:6px;color:#bec0cb;display:flex;font-size:13px;font-weight:550;gap:12px;min-height:42px;padding:0 12px;text-decoration:none}.sidebar-link:hover{background:var(--sidebar-hover);color:#fff}.sidebar-link.is-active{background:#4b4b5a;color:#fff}.active-dot{background:#a58cff;border-radius:999px;height:5px;margin-left:auto;width:5px}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:auto;padding-top:13px}.sidebar-link-muted{color:#aaaeba}.nav-icon{display:inline-block;flex:0 0 17px;height:17px;position:relative;width:17px}.nav-icon::before,.nav-icon::after{content:"";position:absolute}.nav-icon-grid{background:linear-gradient(currentColor 0 0) 0 0/7px 7px,linear-gradient(currentColor 0 0) 100% 0/7px 7px,linear-gradient(currentColor 0 0) 0 100%/7px 7px,linear-gradient(currentColor 0 0) 100% 100%/7px 7px;background-repeat:no-repeat;border-radius:2px}.nav-icon-users::before{border:1.5px solid currentColor;border-radius:50%;height:7px;left:5px;top:0;width:7px}.nav-icon-users::after{border:1.5px solid currentColor;border-bottom:0;border-radius:9px 9px 0 0;bottom:0;height:8px;left:2px;width:13px}.nav-icon-shield::before{border:1.5px solid currentColor;border-radius:8px 8px 10px 10px;height:16px;left:2px;top:0;width:13px}.nav-icon-shield::after{border-bottom:1.5px solid currentColor;border-right:1.5px solid currentColor;height:5px;left:6px;top:5px;transform:rotate(45deg);width:3px}.nav-icon-pause::before{background:currentColor;border-radius:2px;box-shadow:7px 0 currentColor;height:13px;left:2px;top:2px;width:4px}.nav-icon-logout::before{border:1.5px solid currentColor;border-right:0;border-radius:4px 0 0 4px;height:14px;left:0;top:1px;width:10px}.nav-icon-logout::after{border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;height:7px;left:9px;top:5px;transform:rotate(45deg);width:7px}.main-panel{flex:1;min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;height:70px;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar-search-wrap{align-items:center;display:flex;gap:17px}.topbar-search{align-items:center;background:#f6f7fa;border:1px solid #eceef3;border-radius:6px;display:flex;height:35px;padding:0 11px;width:255px}.topbar-search span{border:1.7px solid #a0a4b0;border-radius:50%;height:12px;margin-right:9px;position:relative;width:12px}.topbar-search span::after{background:#a0a4b0;bottom:-4px;content:"";height:5px;position:absolute;right:-3px;transform:rotate(-45deg);width:1.7px}.topbar-search input{background:transparent;border:0;color:var(--ink);font-size:12px;outline:0;width:100%}.topbar-actions{align-items:center;display:flex;gap:19px}.topbar-date{color:#9a9da8;font-size:12px}.user-menu{position:relative}.user-menu summary{align-items:center;cursor:pointer;display:flex;gap:9px;list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-avatar,.recent-avatar{align-items:center;background:#eeeaff;border-radius:50%;color:#7359dc;display:inline-flex;font-size:10px;font-weight:800;height:34px;justify-content:center;width:34px}.user-details{flex-direction:column;line-height:1.2}.user-details strong{font-size:12px;font-weight:700}.user-details small{color:#9497a2;font-size:10px}.chevron{border-bottom:1px solid #989ca8;border-right:1px solid #989ca8;height:6px;transform:rotate(45deg) translateY(-2px);width:6px}.user-dropdown{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 28px rgba(31,36,47,.13);display:grid;gap:3px;min-width:170px;padding:12px;position:absolute;right:0;top:42px}.user-dropdown span{color:var(--muted);font-size:10px}.user-dropdown strong{font-size:12px}.user-dropdown a{border-top:1px solid var(--line);color:#d65367;font-size:11px;font-weight:700;margin-top:7px;padding-top:8px;text-decoration:none}.sidebar-toggle{background:transparent;border:0;display:none;padding:5px}.sidebar-toggle span{background:var(--ink);border-radius:3px;display:block;height:2px;margin:4px 0;width:19px}.page-content{margin:0 auto;max-width:1520px;padding:28px 34px 48px}.dashboard-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 24px}.breadcrumb{color:#999ca7;font-size:11px;margin:0 0 6px}.breadcrumb span{color:#c3c5cc;margin:0 5px}.dashboard-heading h2{font-size:22px;font-weight:740;letter-spacing:-.45px;margin:0 0 3px}.dashboard-heading div>p:last-child{color:#8e929e;font-size:12px;margin:0}.dashboard-action{border-radius:6px;font-size:12px;padding:9px 13px}.stats-grid{display:grid;gap:17px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card,.dashboard-card{background:var(--card);border:1px solid var(--line);border-radius:8px}.stat-card{align-items:center;display:flex;justify-content:space-between;min-height:119px;padding:20px}.stat-copy p{color:#858994;font-size:12px;font-weight:600;margin:0 0 8px}.stat-copy strong{display:block;font-size:25px;font-weight:750;letter-spacing:-.5px;line-height:1;margin-bottom:8px}.stat-copy span{color:#a0a3ad;font-size:10px}.trend-up{color:#20ae88;font-weight:800}.metric-icon{align-items:center;border-radius:7px;display:inline-flex;height:39px;justify-content:center;width:39px}.metric-icon-blue{background:#eaf0ff;color:#4c6fff}.metric-icon-green{background:#e6f8f2;color:#22b893}.metric-icon-violet{background:#f0edff;color:#8065e9}.metric-icon-orange{background:#fff3e4;color:#ec9d3f}.metric-icon i{background:currentColor;border-radius:50%;box-shadow:0 0 0 5px rgba(34,184,147,.13);height:9px;width:9px}.dashboard-grid{display:grid;gap:22px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}.dashboard-card{padding:22px}.card-heading{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:22px}.card-heading h3{font-size:15px;font-weight:730;margin:0 0 4px}.card-heading p{color:#9a9da8;font-size:11px;margin:0}.card-menu{color:#969aa5;font-size:15px;letter-spacing:2px;line-height:1}.overview-body{align-items:center;display:flex;gap:35px;min-height:179px;padding:4px 20px}.donut{align-items:center;background:conic-gradient(var(--blue) calc(var(--active) * 1%),#eceef2 0);border-radius:50%;display:flex;height:148px;justify-content:center;position:relative;width:148px}.donut::before{background:#fff;border-radius:50%;content:"";height:110px;position:absolute;width:110px}.donut span{font-size:25px;font-weight:760;position:relative}.donut small{font-size:13px}.overview-legend{display:grid;gap:17px;min-width:220px}.overview-legend div{align-items:center;display:grid;grid-template-columns:12px 1fr auto;gap:7px}.overview-legend span:nth-child(2){color:#777b88;font-size:12px}.overview-legend strong{font-size:12px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot-blue{background:var(--blue)}.legend-dot-muted{background:#d9dce3}.legend-dot-violet{background:var(--violet)}.status-label{align-items:center;color:#22a681;display:flex;font-size:10px;font-weight:700;gap:5px}.status-label i{background:#22b893;border-radius:50%;height:6px;width:6px}.system-lines{display:grid;gap:0}.system-lines div{align-items:center;border-bottom:1px solid #eff0f3;display:flex;justify-content:space-between;padding:13px 0}.system-lines span{color:#8e929d;font-size:12px}.system-lines b{color:#515560;font-size:11px}.system-note{align-items:center;background:#eefaf6;border-radius:5px;color:#3f9c7e;display:flex;font-size:10px;font-weight:650;gap:7px;margin-top:17px;padding:10px}.system-note span{align-items:center;background:#27b58d;border-radius:50%;color:#fff;display:inline-flex;font-size:8px;height:14px;justify-content:center;width:14px}.recent-card{margin-top:22px}.text-link{color:#4c6fff;font-size:11px;font-weight:700;text-decoration:none}.text-link span{font-size:15px;margin-left:4px}.recent-list{display:grid;grid-template-columns:repeat(5,1fr)}.recent-user{align-items:center;border-right:1px solid #eff0f3;display:flex;flex-wrap:wrap;gap:9px;min-height:50px;padding:0 14px}.recent-user:first-child{padding-left:0}.recent-user:last-child{border-right:0}.recent-avatar{background:#eef2ff;color:#5d72df;flex:0 0 30px;font-size:9px;height:30px;width:30px}.recent-user div{min-width:0}.recent-user strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-user small{color:#9a9da8;display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-user time{color:#abb0ba;font-size:9px;margin-left:39px}.empty-state{color:#9599a4;font-size:12px;padding:25px;text-align:center}.card{border:1px solid var(--line);border-radius:8px;box-shadow:none}.card h4{font-size:16px;font-weight:720}.btn-primary{background:var(--blue);border-color:var(--blue);font-weight:650}.form-control,.form-select{border-color:#dfe1e7;border-radius:6px;font-size:13px;min-height:39px}.form-control:focus,.form-select:focus{border-color:#9dacef;box-shadow:0 0 0 .2rem rgba(76,111,255,.12)}.table{--bs-table-bg:transparent;--bs-table-border-color:#eff0f3}.table thead th{color:#868a96;font-size:10px;font-weight:750;letter-spacing:.3px;text-transform:uppercase}.table td{color:#4e5360;font-size:12px}.login-wrapper{margin:10vh auto;max-width:430px;padding:0 20px}.login-wrapper .card{box-shadow:0 16px 35px rgba(36,39,49,.08)}.sidebar-backdrop{display:none}@media(max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.recent-list{grid-template-columns:repeat(3,1fr);row-gap:15px}.recent-user:nth-child(3n){border-right:0}}@media(max-width:820px){.sidebar{box-shadow:8px 0 24px rgba(20,20,30,.22);left:-250px;position:fixed;transition:left .2s}.sidebar-open .sidebar{left:0}.sidebar-open .sidebar-backdrop{background:rgba(20,20,30,.4);display:block;inset:0;position:fixed;z-index:25}.sidebar-toggle{display:block}.topbar{height:64px;padding:0 20px}.page-content{padding:24px 20px 42px}.dashboard-grid{grid-template-columns:1fr}.topbar-search{width:190px}}@media(max-width:560px){.topbar-search{display:none}.dashboard-heading{align-items:flex-start;gap:15px}.dashboard-heading h2{font-size:19px}.dashboard-action{font-size:0;padding:10px}.dashboard-action::after{content:"+";font-size:16px}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{min-height:103px;padding:14px}.stat-copy p{font-size:10px}.stat-copy strong{font-size:22px}.stat-copy span{font-size:9px}.metric-icon{height:33px;width:33px}.overview-body{gap:20px;padding:5px 0}.donut{height:118px;width:118px}.donut::before{height:88px;width:88px}.donut span{font-size:20px}.overview-legend{gap:11px;min-width:0}.overview-legend span:nth-child(2){font-size:10px}.recent-list{grid-template-columns:1fr}.recent-user,.recent-user:first-child{border-bottom:1px solid #eff0f3;border-right:0;padding:10px 0}.recent-user:last-child{border-bottom:0}.recent-user time{margin-left:auto}.dashboard-card{padding:18px}}