:root{--ink:#182433;--muted:#687789;--line:#e2e8ef;--blue:#174b70;--bg:#f3f6f9;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Arial,sans-serif}
.wrap{margin:34px auto;padding:0 18px}.narrow{max-width:620px}.wide{max-width:1450px}
.hero{background:linear-gradient(125deg,#123b5b,#23688b);color:white;padding:30px;border-radius:18px;margin-bottom:20px}
.hero h1,.topline h1{margin:5px 0;font-size:clamp(25px,4vw,34px)}.hero p{margin:5px 0 0;color:#d7e6ef}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:bold;opacity:.8}
.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 30px #20384d0a}.panel h2{margin:0 0 8px;font-size:21px}
label{display:block;font-weight:700;margin:17px 0 7px}input:not([type=checkbox]),select{width:100%;padding:13px 14px;border:1px solid #cbd5df;border-radius:9px;font-size:16px;background:white;color:var(--ink)}
button,.button{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:white;padding:13px 18px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;margin-top:18px}
button:hover,.button:hover{filter:brightness(1.1)}.secondary{background:#e9eff4;color:#24445c}.danger{background:#fff0ed;color:#a33a2a}
.choice{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:11px;margin:12px 0;font-weight:400;cursor:pointer}
.choice input{width:20px;height:20px;accent-color:var(--blue)}.choice span{display:flex;flex-direction:column}.choice small{color:var(--muted);margin-top:3px}
.muted{color:var(--muted)}.small{font-size:13px}.alert,.success{padding:12px 14px;border-radius:9px;margin:12px 0}.alert{background:#fff1ef;color:#96392e}.success{background:#eaf7ef;color:#22643c}
footer{text-align:center;padding:20px;color:var(--muted)}a{color:var(--blue)}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.topline h1{font-size:29px}.link{font-weight:bold}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat b{display:block;font-size:27px;color:var(--blue)}.stat span{font-size:13px;color:var(--muted)}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}th{background:#f7f9fb;color:#536273}details summary{cursor:pointer;color:var(--blue);font-weight:bold}.inlineform{display:flex;gap:6px;align-items:center;margin:9px 0}.inlineform input{max-width:150px;padding:8px!important;font-size:13px!important}.smallbtn{margin:0;padding:8px 10px;font-size:12px;white-space:nowrap}
@media(max-width:700px){.wrap{margin:15px auto}.panel{padding:19px}.hero{padding:23px}.stats{grid-template-columns:repeat(2,1fr)}.topline{align-items:flex-start}.toolbar{align-items:flex-start;gap:10px;flex-direction:column}}