:root{--ink:#182433;--muted:#708090;--line:#e7ebf0;--canvas:#f5f7fa;--blue:#2563eb}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-size:.925rem}.app-shell{display:flex;min-height:calc(100vh - 56px)}.sidebar{width:228px;flex:0 0 228px;background:#fff;border-right:1px solid var(--line);padding:22px 14px}.sidebar .nav-link{color:#546171;padding:10px 12px;border-radius:8px;margin-bottom:3px}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#edf4ff;color:#1557c0;font-weight:600}.main-content{min-width:0;flex:1;padding:28px clamp(16px,3vw,38px)}.card,.metric-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px rgba(20,35,55,.025)}.card-header{padding:15px 18px;border-color:var(--line)}.metric-card{background:#fff;padding:17px;height:100%}.metric-label{color:var(--muted);font-size:.8rem}.metric-value{font-size:1.55rem;font-weight:650;margin-top:7px;letter-spacing:-.03em}.table-card{overflow:hidden}.table{font-size:.86rem}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#647184;background:#fafbfd;white-space:nowrap;padding:12px}.table td{padding:12px;white-space:nowrap}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#dbeafe,transparent 35%),#f3f6fa}.login-card{width:min(430px,calc(100vw - 28px));padding:34px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 50px rgba(40,65,95,.1)}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;color:white;background:#2563eb;font-weight:800;margin-bottom:22px}.form-card{max-width:560px;padding:24px}.badge{font-weight:600}@media(max-width:800px){.sidebar{width:68px;flex-basis:68px;padding:16px 7px}.sidebar .small{display:none}.sidebar .nav-link{font-size:0;text-align:center;padding:11px 4px}.sidebar .nav-link:first-letter{font-size:14px}.main-content{padding:20px 12px}}