:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17202a;background:#f5f7fb}[hidden]{display:none!important}body{min-height:100vh;background:#f5f7fb}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,#dbeafe 0,transparent 32%),#f5f7fb}.login-card{width:min(410px,100%);display:grid;gap:20px;padding:38px;background:#fff;border:1px solid #e8edf4;border-radius:18px;box-shadow:0 18px 60px #1e293b18}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#e8f0ff;color:#2563eb;font-size:24px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#64748b}.error{color:#b42318;min-height:1.2em}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;padding:28px 18px;background:#fff;border-right:1px solid #e7ebf2;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:700;padding:0 12px 34px;display:flex;gap:10px;align-items:center}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:11px 13px;border-radius:9px;color:#64748b;text-decoration:none;display:flex;gap:12px;align-items:center}.sidebar nav a.active,.sidebar nav a:hover{color:#1d4ed8;background:#eff6ff}.sidebar-bottom{margin-top:auto;padding:12px;color:#64748b}.content{width:calc(100% - 245px);margin-left:245px;max-width:1400px;padding:34px 42px 55px}.hero{display:flex;align-items:end;justify-content:space-between;padding:0 0 10px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}.metric{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid #e7ebf2;border-radius:14px}.metric small{display:block;color:#64748b;font-size:12px}.metric strong{display:block;font-size:22px;margin-top:4px}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:19px}.blue{background:#e8f0ff;color:#2563eb}.green{background:#e8faf1;color:#16a34a}.purple{background:#f2eafe;color:#7c3aed}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:22px;box-shadow:0 5px 20px #1e293b08}.table{width:100%;border-collapse:collapse}.table th{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em;background:#f8fafc}.table th,.table td{padding:13px 14px;border-bottom:1px solid #edf0f4;vertical-align:middle}.table tr:last-child td{border-bottom:0}.key-cell{max-width:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.badge-soft{background:#ecfdf3;color:#15803d}.btn{border-radius:8px}.btn-light{border:1px solid #e5e7eb;background:#fff}@media(max-width:768px){.sidebar{width:68px;padding:22px 9px}.brand span,.sidebar nav a:not(.active)::after,.sidebar nav a{font-size:0}.brand i,.sidebar nav a i{font-size:20px}.sidebar nav a{justify-content:center}.sidebar-bottom small,.sidebar-bottom button{display:none}.content{width:calc(100% - 68px);margin-left:68px;padding:24px 15px 40px}.hero{align-items:start;gap:16px}.hero h1{font-size:2rem}.panel{padding:16px}.panel .d-flex input{min-width:150px}.table{font-size:13px}}