:root{--navy:#0d2742;--gold:#c8a45d;--bg:#f4f6f8;--text:#1d2733;--muted:#667483;--line:#e2e7ec}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center}.loginShell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,var(--navy),#173f60)}.brandArea{display:flex;align-items:center;gap:18px;color:white;padding:64px;font-size:28px}.brandArea strong,.sideBrand strong{display:block}.brandArea span,.sideBrand span{display:block;color:var(--gold);font-size:.72em}.brandMark{width:74px;height:74px;border-radius:20px;background:var(--gold);display:grid;place-items:center;color:var(--navy);font-weight:800}.brandMark.small{width:46px;height:46px;border-radius:14px;font-size:14px}.loginCard{align-self:center;justify-self:center;width:min(430px,88%);background:white;border-radius:24px;padding:42px;box-shadow:0 18px 50px rgba(10,35,58,.12)}.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.16em}.loginCard form{display:grid;grid-gap:10px;gap:10px;margin-top:25px}.loginCard input,.search{padding:13px;border:1px solid var(--line);border-radius:12px}.loginCard button,.primary{border:0;background:var(--navy);color:white;padding:13px 18px;border-radius:12px;font-weight:700}.loginCard small{display:block;margin-top:20px;color:var(--muted)}.message{padding:12px;border-radius:10px;margin:12px 0;background:#fdebea;color:#9c1c17}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:white;padding:24px 18px;display:flex;flex-direction:column}.sideBrand{display:flex;align-items:center;gap:12px;padding:6px 8px 26px}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.sidebar nav button{border:0;background:transparent;color:#d7e0e8;text-align:left;padding:12px 14px;border-radius:10px}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.1);color:white}.logout{margin-top:auto;border:1px solid rgba(255,255,255,.2);background:transparent;color:white;padding:11px;border-radius:10px}.content{margin-left:250px}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 28px}.topbar,.userInfo{display:flex;align-items:center}.userInfo{gap:10px}.userInfo span,.userInfo strong{display:block}.userInfo span{font-size:12px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-weight:700}.page{padding:30px}.heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.heading h2{margin:8px 0}.heading p{margin:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.card span{display:block;color:var(--muted)}.card strong{display:block;font-size:30px;margin-top:8px;color:var(--navy)}.panel{margin-top:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.search{width:100%;margin-bottom:16px;background:white}.tableWrap{background:white;border:1px solid var(--line);border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px}.hint,th{color:var(--muted)}.hint{font-size:13px}@media(max-width:800px){.loginShell{grid-template-columns:1fr}.brandArea{padding:24px}.sidebar{position:static;width:auto}.content{margin-left:0}.grid,.metrics{grid-template-columns:1fr}.topbar{padding:0 15px}.page{padding:20px}}