:root{--navy:#10253f;--blue:#1d5d86;--cyan:#2b9fb8;--paper:#f3f7f9;--ink:#182534;--muted:#667482;--line:#dce5e9;--white:#fff;--danger:#a33131;--success:#176b4d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{min-height:72px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;box-shadow:0 4px 20px #0b1b2b22}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-weight:760;letter-spacing:.02em}.brand span,.login-mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff;border-radius:12px;font-weight:850}.brand span{width:42px;height:42px;font-size:13px}.topbar nav{display:flex;align-items:center;gap:7px}.topbar nav a,.nav-button{border:0;background:none;color:#dce8f0;text-decoration:none;padding:10px 13px;border-radius:9px;font:inherit;cursor:pointer}.topbar nav a:hover,.topbar nav a.active,.nav-button:hover{background:#ffffff16;color:#fff}.topbar nav form{margin:0}.shell{width:min(1180px,calc(100% - 32px));margin:28px auto 60px;display:grid;gap:20px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border-radius:20px;background:linear-gradient(125deg,var(--navy),#174c6d 75%,var(--cyan));color:#fff;box-shadow:0 14px 36px #17344c22}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1;margin:.1em 0}.hero p{max-width:720px;margin:.55em 0;color:#e6f2f6}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel,.auth-card{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 28px #1d3d5220}.stat-card{padding:22px;display:grid;gap:4px}.stat-card strong{font-size:clamp(24px,3vw,36px);color:var(--blue);overflow-wrap:anywhere}.stat-card span{color:var(--muted)}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel h2{margin:0;font-size:22px}.panel-head p,.note{color:var(--muted);margin:.2em 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart{display:flex;align-items:end;gap:5px;height:220px;padding-top:15px}.chart-col{flex:1;height:190px;display:flex;align-items:end}.chart-col span{width:100%;min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(var(--cyan),var(--blue));opacity:.84}.data-list{display:grid}.data-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.page-row span{display:grid;min-width:0}.page-row small{color:var(--muted);overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.footer-panel{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.primary,.secondary{border:0;border-radius:10px;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--cyan);color:#072431}.primary:hover{background:#48b4c9}.secondary{background:#e7eef2;color:var(--navy)}.large{padding:14px 22px}.success,.alert{padding:14px 16px;border-radius:11px;margin:0}.success{background:#def4ea;color:var(--success);border:1px solid #bfe6d6}.alert{background:#fae7e7;color:var(--danger);border:1px solid #efc7c7}.empty{color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#2b9fb833,transparent 30%),var(--navy)}.auth-card{width:min(470px,100%);padding:34px}.auth-card h1{margin:.15em 0}.login-mark{width:58px;height:58px;margin-bottom:20px}.stack{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:7px;font-weight:700}input{width:100%;padding:12px;border:1px solid #bdcbd2;border-radius:9px;font:inherit;background:#fff}input:focus{outline:3px solid #2b9fb833;border-color:var(--cyan)}@media(max-width:820px){.topbar{padding:12px 16px;align-items:flex-start}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.brand{margin-top:5px}.hero,.footer-panel{display:grid}.stat-grid,.stat-grid.three{grid-template-columns:1fr 1fr}.columns{grid-template-columns:1fr}}@media(max-width:540px){.topbar{display:grid;gap:12px}.topbar nav{justify-content:flex-start}.shell{width:min(100% - 20px,1180px);margin-top:14px}.hero,.panel{padding:20px}.stat-grid,.stat-grid.three{grid-template-columns:1fr}.chart{gap:2px}}