:root{--navy:#071b2e;--navy2:#0d2b42;--teal:#27b4a8;--amber:#f0a34a;--cream:#f5f3ed;--ink:#183042;--muted:#6d7d87;--line:#dfe6e7;--white:#fff;--red:#c45244}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Segoe UI,system-ui,sans-serif}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:.55rem}h2{font-size:1.35rem}.topbar{height:78px;padding:0 max(24px,calc((100% - 1180px)/2));background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:19px;font-weight:800}.brand img{width:54px;height:54px;border-radius:50%}.brand small{display:block;color:#92a9b8;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.topbar nav{display:flex;gap:8px;align-items:center}.topbar nav a{color:#c8d4dc;text-decoration:none;padding:9px 12px;border-radius:8px}.topbar nav a:hover{background:#17394f;color:#fff}.topbar .nav-primary{background:var(--teal);color:#062329}main{max-width:1180px;margin:auto;padding:48px 24px 70px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.page-head p{color:var(--muted)}.eyebrow{font-weight:800;letter-spacing:.15em;font-size:11px;color:var(--teal)!important;margin-bottom:8px}.button,input[type=submit]{display:inline-block;background:var(--teal);color:#05252a;border:0;padding:12px 20px;border-radius:8px;font-weight:800;text-decoration:none;cursor:pointer}.button.secondary{background:var(--navy);color:#fff}.wide{width:100%}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 4px 18px #1732470a}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stats article{background:var(--navy2);color:#fff;border-radius:12px;padding:18px}.stats span,.stats small{display:block;color:#a9bcc7}.stats strong{display:block;font-size:2rem;color:#fff;margin:.3rem 0}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.chart-wide{grid-column:1/-1}.chart-grid canvas{height:280px!important}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel-title a{color:var(--teal);font-weight:700}.banner{background:#d9f3ed;color:#147064;border-radius:10px;padding:13px 18px;margin-bottom:18px}.activity article{display:grid;grid-template-columns:75px 1fr minmax(100px,2fr);align-items:center;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.activity p{margin:0;color:var(--muted)}.activity-desc{text-align:right;color:var(--muted)}.type-badge,.pill{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#e1f5f2;color:#16786f}.t1,.t7{background:#f8dfd8;color:#a74334}.t4{background:#d9f3ed;color:#147064}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.heatmap div{background:rgba(39,180,168,var(--heat));min-height:58px;border-radius:7px;padding:7px;display:flex;flex-direction:column}.heatmap span{font-size:10px}.heatmap b{font-size:18px}.form-panel{max-width:850px}.form-grid,.two-col,.filters{display:grid;grid-template-columns:1fr 1fr;gap:22px}.filters{grid-template-columns:repeat(4,1fr);margin-bottom:18px}label{display:block;font-weight:750;margin:14px 0 6px}input[type=text],input[type=password],input[type=number],input[type=datetime-local],input[type=date],textarea,select{width:100%;border:1px solid #cbd7da;border-radius:8px;padding:11px 12px;background:#fbfcfc;font:inherit}textarea{resize:vertical}.type-grid{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.type-grid li{border:1px solid var(--line);padding:10px;border-radius:8px}.type-grid label{display:inline;font-weight:500;margin-left:7px}.scale{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.check{margin:17px 0}.error{display:block;color:var(--red);margin:9px 0}.success{display:block;color:#147064;margin:9px 0}.muted{color:var(--muted);font-weight:400}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.data-table td,.data-table th{padding:12px 10px;border-bottom:1px solid var(--line)}.empty{text-align:center;padding:35px;color:var(--muted)}footer{text-align:center;color:#7b8a93;padding:25px}.login-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#17445d,var(--navy) 55%)}.login-card{width:min(410px,calc(100% - 32px));background:#fff;padding:36px;border-radius:18px;text-align:center;box-shadow:0 24px 80px #0007}.login-card img{width:116px;border-radius:50%;margin-top:-95px;border:7px solid #fff}.login-card label{text-align:left}.pin{text-align:center;font-size:30px;letter-spacing:.6em;padding-left:.6em!important}.hint{display:block;margin-top:18px;color:var(--muted)}@media(max-width:800px){.topbar{height:auto;padding:12px 18px;align-items:start}.brand small{display:none}.topbar nav{flex-wrap:wrap;justify-content:end}.topbar nav a{padding:6px}.stats{grid-template-columns:repeat(2,1fr)}.chart-grid,.two-col,.filters,.form-grid{grid-template-columns:1fr}.chart-wide{grid-column:auto}.type-grid{grid-template-columns:1fr}.activity article{grid-template-columns:70px 1fr}.activity-desc{grid-column:2;text-align:left}.heatmap{grid-template-columns:repeat(4,1fr)}.panel{overflow-x:auto}.page-head{align-items:start;gap:15px}main{padding:30px 16px}}