:root{font-family:Inter,'Segoe UI',Arial,sans-serif;color:#17243a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#111e36;color:#eaf0fa;padding:30px 20px;display:flex;flex-direction:column;gap:32px}.logo{font-size:26px;font-weight:800;letter-spacing:-.7px}.logo span{display:block;font-size:13px;font-weight:500;letter-spacing:.5px;color:#a7b8d3;margin:5px 0 0 32px}nav{display:grid;gap:8px}nav a{color:#c7d3e5;text-decoration:none;padding:14px 16px;border-radius:10px}nav a:hover{background:#263955;color:white}aside form{margin-top:auto}.content{margin-left:250px;padding:34px 46px}.login-content{max-width:500px;margin:9vh auto;padding:25px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:12px}h1{font-size:29px;margin:7px 0}h2{font-size:18px;margin:0 0 16px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#58739d}.pill{background:#e9f3ef;color:#1c7857;padding:9px 13px;border-radius:25px;font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.metric,.card,.login-card{background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 6px 25px #17243a08}.metric{padding:24px}.metric span{font-size:13px;color:#708098;display:block}.metric strong{font-size:32px;display:block;margin-top:12px}.card{padding:26px;margin:0 0 22px}.card p,.login-card p{color:#667790;line-height:1.6}.login-card{padding:34px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:end}label{display:grid;gap:8px;font-size:13px;font-weight:650;color:#4b5d77}input,select{width:100%;padding:12px 13px;border:1px solid #d6deea;border-radius:9px;font:inherit;background:white;color:#17243a}button,.button{display:inline-block;background:#315de0;color:white;border:0;border-radius:9px;padding:13px 18px;font-weight:700;cursor:pointer;text-decoration:none;font-size:13px;text-align:center}button:hover,.button:hover{background:#234cce}.secondary{background:#e8efff;color:#2853bf}.danger{background:#fff0f0;color:#b32929;padding:8px 12px}.ghost{background:#273853;width:100%}.actions{display:flex;gap:12px;flex-wrap:wrap}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#73829a;background:#f6f8fc;font-weight:700}td,th{padding:14px 12px;border-bottom:1px solid #edf0f6;white-space:nowrap}.alert{padding:14px;background:#eaf8f0;color:#22694b;border-radius:9px;margin-bottom:20px}.alert.error{background:#fff0f0;color:#a42828}.key{padding:20px;background:#f1f5fc;border-radius:10px;overflow-wrap:anywhere;font-family:Consolas,monospace;margin-bottom:20px}footer{font-size:12px;color:#9ba8bb;padding:25px 0}@media(max-width:900px){aside{position:relative;width:auto;gap:12px}nav{display:flex;flex-wrap:wrap}.content{margin:0;padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.metrics,.formgrid{grid-template-columns:1fr}header{align-items:flex-start}.pill{display:none}}

nav a:focus-visible,button:focus-visible,.button:focus-visible{outline:3px solid #7aa6ff;outline-offset:2px}tr:hover td{background:#fafcff}.inlineform{display:flex;align-items:center;gap:6px}.inlineform input{width:76px;padding:8px}.inlineform button{padding:9px 11px}.tablewrap code{font-size:11px;overflow-wrap:anywhere;white-space:normal}header h1{letter-spacing:-.5px}@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
