.dashboard-body{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#111629;color:white;padding:24px;position:sticky;top:0;height:100vh}.sidebar a{display:block;padding:11px 12px;color:#b8c1d5;border-radius:10px;margin:4px 0}.sidebar a.active,.sidebar a:hover{background:#242c45;color:white}.dash-main{padding:28px}.dash-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.usage{height:10px;background:var(--line);border-radius:10px;overflow:hidden}.usage i{display:block;height:100%;width:38%;background:var(--brand)}.doc-table{width:100%;border-collapse:collapse}.doc-table th,.doc-table td{padding:13px;text-align:left;border-bottom:1px solid var(--line)}.mobile-side{display:none}@media(max-width:850px){.dashboard-body{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:80;width:250px;transition:.25s}.sidebar.open{left:0}.mobile-side{display:inline-flex}.dash-main{padding:18px}.doc-table{display:block;overflow:auto}}