:root { --bg:#070c20; --panel:#0d1330; --line:rgba(255,255,255,.1); --muted:#9da6c8; --teal:#00d4aa; --blue:#4f8ef7; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; color:#fff; font:15px Inter,Arial,sans-serif; background:var(--bg); }
.container { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:48px 0; }.login-card { width:min(100%,430px); margin:10vh auto; padding:32px; background:var(--panel); border:1px solid var(--line); border-radius:18px; }.eyebrow { display:block; margin-bottom:9px; color:var(--teal); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }h1 { margin:0; font-size:32px; }h2 { margin:0 0 20px; font-size:18px; }.login-card p { color:var(--muted); line-height:1.5; }form { display:grid; gap:10px; margin-top:24px; }label { font-size:13px; font-weight:700; }input { padding:13px; border:1px solid var(--line); border-radius:9px; color:#fff; background:#080e26; }button { padding:12px 16px; border:0; border-radius:9px; cursor:pointer; color:#061126; background:linear-gradient(90deg,var(--blue),var(--teal)); font-weight:800; }.secondary { color:#fff; background:transparent; border:1px solid var(--line); }.error { min-height:18px; margin:0!important; color:#ff9dad!important; font-size:13px; }.dashboard-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; }.metrics, .charts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:16px; }.metrics article,.panel { padding:22px; border:1px solid var(--line); border-radius:14px; background:var(--panel); }.metrics span { display:block; color:var(--muted); font-size:13px; }.metrics strong { display:block; margin-top:10px; font-size:29px; }.charts { grid-template-columns:1fr 1fr; }.bar-chart { display:grid; gap:13px; }.bar-row { display:grid; grid-template-columns:minmax(90px,1fr) 2fr 30px; align-items:center; gap:10px; font-size:12px; }.bar { overflow:hidden; height:10px; border-radius:99px; background:#070c20; }.bar i { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--blue),var(--teal)); }.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; text-align:left; }th,td { padding:12px 9px; border-bottom:1px solid var(--line); white-space:nowrap; }th { color:var(--muted); font-size:12px; }.status { padding:4px 7px; border-radius:99px; background:#26304d; font-size:11px; }.status--approved { color:#001a14; background:var(--teal); }.empty { color:var(--muted); text-align:center; }@media(max-width:700px){.metrics,.charts{grid-template-columns:1fr}.container{width:min(100% - 24px,1120px);padding:24px 0}.metrics strong{font-size:25px}}
.login-card hr { margin:24px 0; border:0; border-top:1px solid var(--line); }.success { color:#b9f7e9!important; }