@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#142b45;--bg:#f4f7fb;--muted:#718096}
*{box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:#1e293b;margin:0}
.sidebar{width:250px;background:var(--navy);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 16px;display:flex;flex-direction:column;z-index:10}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 8px}.sidebar-brand small{display:block;color:#aabbd0;font-size:11px}
.brand-mark{width:48px;height:48px;border-radius:14px;background:#2d75b9;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px}.small-mark{width:38px;height:38px;border-radius:11px}
.nav-caption{font-size:10px;letter-spacing:1.2px;color:#8da3bb;margin:22px 10px 8px}.sidebar .nav-link{color:#c6d3e1;border-radius:9px;padding:11px 12px;font-size:13px;margin:2px 0}.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#244667;color:#fff}.logout-link{margin-top:auto}
.main-content{margin-left:250px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid #e7edf4;padding:0 30px;display:flex;align-items:center;justify-content:space-between}
.user-chip{display:flex;align-items:center;gap:10px;font-size:12px}.user-chip small{display:block;color:var(--muted);font-size:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#e3effb;color:#245d94;display:grid;place-items:center;font-weight:700}
.metric-card,.panel-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px;box-shadow:0 4px 16px rgba(20,43,69,.03)}
.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:12px}.metric-card strong{display:block;font-size:30px;margin:8px 0 2px;color:var(--navy)}
.panel-card{height:100%}.table{font-size:13px}.table thead th{color:#718096;font-weight:600;font-size:11px;border-bottom-color:#e9eef4}
.progress-step{display:flex;gap:12px;align-items:flex-start;padding:9px 0}.progress-step small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.step-dot{width:25px;height:25px;border-radius:50%;background:#e8edf3;color:#64748b;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.step-dot.done{background:#d9f5e7;color:#13834c}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#142b45,#245b8b)}.login-card{width:min(100%,420px);background:#fff;border-radius:18px;padding:36px;box-shadow:0 20px 60px #0b1d3040}.login-card .brand-mark{margin-bottom:20px}
@media(max-width:800px){.sidebar{width:72px;padding:18px 8px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand>div,.sidebar .nav-link:not(.active){font-size:0}.sidebar .nav-link{font-size:0;text-align:center}.nav-caption{display:none}.main-content{margin-left:72px}.topbar{padding:0 15px}.user-chip>div{display:none}}