.dashboard-body{background:var(--bg)}.dash-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#11152b;color:#dfe4ff;padding:22px;position:sticky;top:0;height:100vh}.sidebar .logo{color:#fff;margin-bottom:28px}.side-nav{display:grid;gap:8px}.side-nav a,.side-nav button{border:0;background:transparent;color:#aab2c8;padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer}.side-nav a:hover,.side-nav a.active,.side-nav button:hover{background:#252b50;color:#fff}.dash-main{padding:28px}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dash-mobile{display:none}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.usage-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.usage-card strong{font-size:1.8rem;display:block}.progress{height:9px;background:var(--line);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand);width:42%}.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px}.doc-row{display:grid;grid-template-columns:1fr 120px 100px;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.status{font-size:.8rem;padding:4px 8px;border-radius:99px;background:#dcfce7;color:#166534;width:max-content}.profile{display:flex;align-items:center;gap:10px}.profile .avatar{width:38px;height:38px}.dash-search{display:flex;gap:10px;margin:16px 0}.dash-search input,.dash-search select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.dash-search input{flex:1}@media(max-width:950px){.dash-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:80;width:250px;transition:.2s left}.sidebar.open{left:0}.dash-mobile{display:inline-flex}.usage-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media(max-width:560px){.dash-main{padding:18px}.usage-grid{grid-template-columns:1fr}.doc-row{grid-template-columns:1fr}.dash-top{align-items:flex-start}.dash-search{flex-direction:column}}