:root{--navy:#102a43;--blue:#1769aa;--accent:#f59e0b;--bg:#f4f7fb;--text:#243b53;--muted:#627d98;--line:#d9e2ec;--success:#1f7a48;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}a{color:var(--blue)}.container{width:min(1120px,calc(100% - 32px));margin:auto}.site-header{background:var(--navy);color:#fff}.site-header .container{min-height:68px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent);color:var(--navy)}.main-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.main-nav a,.nav-logout{padding:9px 11px;border:0;border-radius:8px;background:none;color:#d9e2ec;text-decoration:none;font:inherit;cursor:pointer}.main-nav a:hover,.main-nav a[aria-current=page],.nav-logout:hover{background:#ffffff18;color:#fff}.nav-avatar{display:grid;place-items:center;min-width:36px;height:36px;border-radius:50%;background:#fff;color:var(--navy);font-weight:800}.page-hero{padding:48px 0 36px;background:linear-gradient(135deg,#102a43,#1769aa);color:#fff}.page-hero h1{margin:4px 0 8px;font-size:clamp(2rem,5vw,3rem)}.page-hero p{max-width:720px;margin:0;color:#d9e2ec}.eyebrow{color:#fbd38d;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.section{padding:28px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.section-heading h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #102a4310}.card h3{margin:0 0 6px}.metric{font-size:2rem;font-weight:900;color:var(--navy)}.muted{color:var(--muted)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:10px 15px;border:1px solid transparent;border-radius:8px;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-outline{border-color:var(--line);background:#fff;color:var(--navy)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%}.list{display:grid;gap:12px}.list-item{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.list-item>div:first-child{flex:1}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#e9f2fb;color:var(--blue);font-size:.78rem;font-weight:800}.unread{border-left:4px solid var(--accent)}.empty{padding:32px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #bcccdc;border-radius:8px;font:inherit}.field textarea{min-height:110px;resize:vertical}.site-footer{margin-top:30px;padding:26px 0;background:#102a43;color:#bcccdc}.progress{height:10px;border-radius:999px;background:#d9e2ec;overflow:hidden}.progress span{display:block;height:100%;background:var(--success)}.hidden{display:none!important}@media(max-width:820px){.site-header .container{align-items:flex-start;flex-wrap:wrap;padding:14px 0}.main-nav{order:3;width:100%;overflow-x:auto;margin:0}.nav-avatar{margin-left:auto}.grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.list-item{align-items:flex-start;flex-wrap:wrap}}@media(max-width:520px){.container{width:min(100% - 22px,1120px)}.page-hero{padding:34px 0}.main-nav a,.nav-logout{white-space:nowrap;padding:8px}.section-heading{align-items:flex-start;flex-direction:column}}