:root{--brand:#157a36;--brand-dark:#0f5a28;--brand-soft:#e3f5e9;--brand-2:#1ea84b;--brand-3:#9fdcb3;--warn:#c2410c;--warn-text:#a3370b;--warn-soft:#fdecdf;--ink:#14202b;--ink-2:#2c3a47;--muted:#4f5b67;--line:#e1e6eb;--line-soft:#eef1f4;--bg:#f4f6f8;--radius:10px}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);background:var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--brand)}a:hover{color:var(--brand-dark)}.header{border-bottom:4px solid var(--brand-2);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;display:flex}.brand{align-items:center;gap:16px;text-decoration:none;display:flex}.brand img{width:auto;height:36px;display:block}.brand span{color:var(--muted);border-left:1px solid var(--line);padding-left:16px;font-size:14px}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav a{color:var(--ink-2);border-radius:6px;padding:10px 14px;font-size:14px;text-decoration:none}.nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.userbox{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.linkbtn{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.main{flex-direction:column;gap:24px;max-width:1216px;margin:0 auto;padding:28px 32px 48px;display:flex}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:13px}h1{margin:0;font-size:28px;font-weight:700}h2{margin:0;font-size:18px;font-weight:600}.sub{color:var(--muted);margin:6px 0 0;font-size:14px}.btn{min-height:44px;font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c9d1d9;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.btn.primary:hover{background:var(--brand-dark);color:#fff}.btn.danger{color:var(--warn-text);border-color:#e7b9a3}.btnrow{flex-wrap:wrap;gap:8px;display:flex}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:24px}.grid3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.split{flex-wrap:wrap;gap:24px;display:flex}.split>*{flex:360px;min-width:0}.stat{flex-direction:column;gap:10px;padding:20px;display:flex}.stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-name{align-items:center;gap:10px;display:flex}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.big{letter-spacing:-.02em;font-size:40px;font-weight:700}.pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.pill.ok{background:var(--brand-soft);color:var(--brand)}.pill.warn{background:var(--warn-soft);color:#8a3209}.progress{background:#e9edf1;border-radius:999px;height:10px;position:relative}.progress>.fill{border-radius:999px;position:absolute;top:0;bottom:0;left:0}.progress>.mark{background:var(--ink);width:2px;height:18px;position:absolute;top:-4px;left:85%}.muted{color:var(--muted);margin:0;font-size:13px}.minis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:13px;display:grid}.mini{background:var(--bg);border-radius:6px;padding:8px 10px}.mini b{font-size:15px;display:block}.legend{color:var(--ink-2);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chart{gap:12px;display:flex}.yaxis{height:240px;color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;width:40px;font-size:12px;display:flex}.plot-wrap{flex:1;min-width:0;overflow-x:auto}.plot{background:repeating-linear-gradient(to top, #fff 0, #fff 59px, var(--line-soft) 59px, var(--line-soft) 60px);border-bottom:1px solid #c9d1d9;gap:16px;min-width:480px;height:240px;display:grid;position:relative}.targetline{border-top:2px dashed var(--warn);pointer-events:none;position:absolute;bottom:170px;left:0;right:0}.targetlabel{color:var(--warn-text);background:#fff;padding:0 4px;font-size:12px;font-weight:600;position:absolute;bottom:174px;right:0}.group{justify-content:center;align-items:flex-end;gap:6px;height:240px;display:flex}.barcol{flex-direction:column;align-items:center;gap:4px;width:34px;display:flex}.barcol small{color:var(--ink-2);white-space:nowrap;font-size:11px;font-weight:600}.bar{border-radius:4px 4px 0 0;width:34px}.xlabels{color:var(--ink-2);text-align:center;gap:16px;min-width:480px;padding-top:8px;font-size:13px;display:grid}.tablebox{overflow-x:auto}table.data{border-collapse:collapse;width:100%;min-width:720px;font-size:14px}table.data th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 8px;font-size:13px;font-weight:600}table.data td{border-bottom:1px solid var(--line-soft);padding:12px 8px}table.data tr:last-child td{border-bottom:0}td.under{color:var(--warn-text);font-weight:600}.tag{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.strip{align-items:center;gap:12px;display:flex}.strip>b{width:72px;font-size:14px}.cells{flex:1;gap:4px;display:grid}.cell{border-radius:3px;height:22px}.cell.ok{background:var(--brand)}.cell.under{background:var(--warn)}.cell.free{background:repeating-linear-gradient(45deg, var(--brand-2) 0, var(--brand-2) 4px, #fff 4px, #fff 7px)}.cell.future{background:var(--line-soft)}.hbar{grid-template-columns:90px minmax(0,1fr) 130px;align-items:center;gap:14px;font-size:14px;display:grid}.htrack{background:var(--line-soft);border-radius:4px;height:22px;position:relative}.htrack .fill{border-radius:4px;position:absolute;top:0;bottom:0;left:0}.htrack .mark{border-left:2px dashed var(--ink);position:absolute;top:-3px;bottom:-3px;left:85%}.notice{border-radius:8px;padding:12px 16px;font-size:14px}.notice.warn{background:var(--warn-soft);color:#7a2c08}.notice.info{background:var(--brand-soft);color:var(--brand-dark)}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login{border:1px solid var(--line);border-top:4px solid var(--brand-2);background:#fff;border-radius:12px;flex-direction:column;gap:18px;width:100%;max-width:400px;padding:36px;display:flex}.login img{align-self:center;height:44px}label.field{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}label.field input,label.field select{height:44px;font:inherit;border:1px solid #c9d1d9;border-radius:6px;padding:0 12px;font-weight:400}.toggle{align-items:center;gap:10px;font-size:15px;display:flex}.toggle input{width:22px;height:22px}pre.log{background:var(--bg);border-radius:6px;max-height:320px;padding:12px;font-size:12px;overflow:auto}@media (max-width:640px){.header,.main{padding-left:16px;padding-right:16px}.hbar{grid-template-columns:70px minmax(0,1fr) 100px}}
