:root{--navy:#101a46;--blue:#2457f5;--orange:#ff6b35;--bg:#f5f7fb;--text:#162033;--muted:#697386;--border:#e3e7ef;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}body.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:var(--navy);padding:28px 20px;color:#fff}aside .brand{font-size:22px;margin-bottom:36px}aside .brand b{color:var(--orange)}aside a{display:block;color:#dce3ff;text-decoration:none;padding:12px 14px;border-radius:9px;margin:5px 0}aside a:hover{background:#ffffff16;color:#fff}main{padding:36px;max-width:1400px;width:100%;margin:auto}.guest main{max-width:500px;padding-top:9vh}.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 30px #101a460c}.brandmark{font-size:28px;font-weight:700;margin-bottom:8px;color:var(--navy)}.brandmark span{color:var(--orange)}h1{font-size:28px;margin:0 0 8px}h2{font-size:18px}.muted{color:var(--muted)}label{font-size:13px;font-weight:650;display:block;margin:16px 0 7px}input,select{width:100%;border:1px solid var(--border);border-radius:9px;padding:12px;background:#fff;font-size:15px}button,.button{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:700;text-decoration:none;cursor:pointer;margin-top:18px}.button.secondary{background:var(--navy)}.alert{padding:12px 14px;border-radius:9px;background:#fff1eb;color:#9d3514;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.metric strong{font-size:30px;display:block}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#e9efff;color:#234aa8;font-size:12px;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border)}code{background:#eef1f7;padding:3px 6px;border-radius:5px}@media(max-width:800px){body.app{display:block}aside{padding:16px}aside .brand{margin-bottom:12px}aside a{display:inline-block;font-size:13px}main{padding:20px}.grid{grid-template-columns:1fr}}