:root{--sidebar:270px;--border:#e7ebf0;--bg:#f5f7fa;--ink:#18202a}.login-bg{background:linear-gradient(135deg,#f7f9fc,#edf2f7);color:var(--ink)}.login-card,.profile-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 18px 60px rgba(16,24,40,.08)}.login-card{width:min(440px,100%)}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#0d6efd;color:#fff;font-weight:800;margin-bottom:20px}.profile-card{display:block}.dashboard-body{margin:0;background:var(--bg);color:var(--ink)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#142033;color:#dbe5f2;padding:18px 14px;display:flex;flex-direction:column;z-index:1040}.sidebar-brand{height:58px;display:flex;align-items:center;gap:12px;padding:0 10px 16px;font-weight:700;font-size:1.05rem}.small-mark{width:38px;height:38px;border-radius:12px;margin:0}.sidebar .nav-link{color:#bdc9d8;border-radius:12px;padding:11px 12px;display:flex;gap:12px;align-items:center}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#23344d;color:#fff}.sidebar-footer{margin-top:auto}.main-area{margin-left:var(--sidebar);min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:1020}.menu-btn{display:none}.content{padding:28px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.kpi-card,.panel{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 7px 25px rgba(16,24,40,.035)}.kpi-card{padding:20px;display:flex;align-items:center;gap:16px}.kpi-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;font-size:1.35rem}.kpi-value{font-size:1.35rem;font-weight:750}.kpi-label{color:#6c757d;font-size:.9rem}.panel-header{padding:20px 22px;border-bottom:1px solid var(--border)}.module-grid{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-card{text-decoration:none;color:var(--ink);border:1px solid var(--border);border-radius:14px;padding:17px;display:flex;gap:12px;align-items:center;background:#fff}.module-card:hover{border-color:#b6cdf7;box-shadow:0 6px 18px rgba(16,24,40,.06)}.sidebar-backdrop{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.sidebar{transform:translateX(-100%);transition:transform .22s ease;width:min(86vw,300px)}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:1030}.main-area{margin-left:0}.menu-btn{display:inline-flex}.topbar{padding:0 14px;height:68px}.topbar .ms-auto{max-width:42vw;overflow:hidden}.content{padding:18px 14px}.kpi-grid,.module-grid{grid-template-columns:1fr}.login-card,.profile-card{padding:24px;border-radius:18px}}