:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#1c2a38;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}header{height:70px;background:#122b44;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px}.brand{font-size:18px}.brand b{color:#8bd7e3}.brand small{color:#b9ccd9;font-size:12px;display:block}button{background:#166a85;color:white;border:0;border-radius:7px;padding:10px 17px;font-weight:600;cursor:pointer}button:hover{background:#0e516b}button.subtle{background:transparent;border:1px solid #90a6b6;padding:6px 11px}.inline{display:inline;margin-left:15px}.layout{display:flex;min-height:calc(100vh - 70px)}nav{width:235px;flex-shrink:0;background:#e9f0f5;padding:20px 10px;display:flex;flex-direction:column;gap:3px}nav a{padding:12px 14px;text-decoration:none;color:#284057;border-radius:7px;font-size:14px}nav a.active,nav a:hover{background:#d0e2eb;color:#0e5674;font-weight:650}main{flex:1;min-width:0;padding:28px;max-width:1450px}h1{font-size:26px;margin:4px 0 12px}h2{font-size:17px;margin:0 0 14px}.muted{color:#66798b}.card{background:white;border:1px solid #dce5ec;border-radius:11px;padding:22px;margin:18px 0;overflow-x:auto;box-shadow:0 2px 5px #142e3c09}.narrow{max-width:450px;margin:50px auto}.stats{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px}.stats .card{margin:4px 0}.stats span{display:block;color:#61758a;font-size:13px}.stats strong{display:block;font-size:30px;margin-top:6px}form{display:flex;gap:15px;flex-wrap:wrap;align-items:end}form label{display:flex;flex-direction:column;gap:6px;color:#3c5061;font-size:13px;font-weight:600;min-width:180px;flex:1}form label:has([type=checkbox]){flex-direction:row;align-items:center;min-width:210px}input,select{border:1px solid #c8d5dd;padding:10px;border-radius:6px;font:inherit;width:100%;min-height:40px}input[type=checkbox]{width:auto;min-height:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;background:#edf3f8;color:#354f64}td,th{padding:11px 9px;border-bottom:1px solid #e3eaf0;white-space:nowrap}tr:hover td{background:#f8fbfd}.num{text-align:right;font-variant-numeric:tabular-nums}.alert{border-radius:8px;padding:14px;background:#fff2dd;color:#6f4b13}.alert.error{background:#fcebea;color:#9d3030}.alert.good{background:#e5f6ec;color:#226842}code{background:#edf3f8;padding:2px 4px;border-radius:4px}@media(max-width:850px){header{padding:10px;height:auto}.layout{display:block}nav{width:auto;flex-direction:row;flex-wrap:wrap}nav a{padding:8px}main{padding:15px}.stats{grid-template-columns:repeat(2,minmax(100px,1fr))}.card{padding:14px}}
