:root{--ink:#10233f;--muted:#637087;--line:#e3e8ef;--blue:#155eef;--bg:#f5f7fa;--green:#147a55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px)}.brand{font-size:19px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:.02em}.brand span{font-weight:450}.user{display:flex;gap:18px;align-items:center}.user a{color:var(--blue);text-decoration:none}main{max-width:1180px;margin:0 auto;padding:44px 28px 72px}.login{max-width:620px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:56px;box-shadow:0 18px 55px #17325d12}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:12px;font-weight:800}.login h1,.hero h1{font-size:42px;line-height:1.12;margin:12px 0}.login p,.hero p{color:var(--muted)}.button{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;border-radius:9px;padding:13px 22px;font-weight:700;margin:22px 0}.login small{display:block;color:var(--muted)}.alert{background:#fff1f1;color:#a82828;padding:12px 14px;border-radius:8px}.hero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.roles,.grid{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#eaf0ff;color:#244c9b;border-radius:99px;padding:6px 10px;font-size:12px;font-weight:750}.grid{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.metric{padding:22px}.metric span{display:block;color:var(--muted)}.metric strong{display:block;font-size:32px;margin-top:8px}.panel{overflow:hidden}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0;font-size:18px}.panel-title span{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 24px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px;text-transform:uppercase}.status{display:inline-block;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:800}.status.active{background:#e5f6ee;color:var(--green)}.status.inactive,.status.closed{background:#edf0f4;color:#5d6877}footer{text-align:center;color:#8a94a5;padding:24px}@media(max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.login{padding:34px}.login h1,.hero h1{font-size:34px}th,td{padding:12px}}