:root{--bg: #f6f7f9;--panel: #fff;--ink: #1d2330;--muted: #5f6b7d;--line: #dfe3ea;--accent: #2457c5;--accent-ink: #fff;--ok: #1b7f4b;--warn: #a76200;--bad: #b3261e;--chip: #eef2f8;--r: 10px;--gap: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;color-scheme:light dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}header{display:flex;align-items:center;gap:18px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;flex-wrap:wrap}header .brand{font-weight:700;letter-spacing:.2px}header nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}header nav a{padding:6px 10px;border-radius:8px;color:var(--ink)}header nav a.on{background:var(--chip);font-weight:600;text-decoration:none}main{max-width:1180px;margin:0 auto;padding:20px 16px 60px}footer{color:var(--muted);font-size:12px;text-align:center;padding:12px}h1{font-size:22px;margin:4px 0 14px}h2{font-size:17px;margin:18px 0 10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:var(--gap)}.row{display:flex;gap:var(--gap);flex-wrap:wrap;align-items:flex-start}.row>.card{flex:1 1 320px}.muted{color:var(--muted)}.small{font-size:13px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs a{padding:8px 14px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs a.on{color:var(--ink);border-bottom-color:var(--accent);font-weight:600;text-decoration:none}button,.btn{font:inherit;padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.danger{color:var(--bad);border-color:var(--bad)}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);max-width:100%}textarea{width:100%;min-height:110px;font-family:ui-monospace,Consolas,monospace;font-size:13px}label.f{display:block;margin:0 0 10px}label.f>span{display:block;font-size:13px;color:var(--muted);margin-bottom:3px}.tbl{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-weight:600;color:var(--muted);font-size:13px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.chip{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:var(--chip)}.chip.ok{color:var(--ok)}.chip.warn{color:var(--warn)}.chip.bad{color:var(--bad)}.chip.muted{color:var(--muted)}.kpi{display:flex;gap:10px;flex-wrap:wrap}.kpi div{background:var(--chip);border-radius:8px;padding:8px 12px;min-width:120px}.kpi b{display:block;font-size:18px}.slider{display:grid;grid-template-columns:minmax(120px,210px) 1fr 90px;gap:10px;align-items:center;margin:6px 0}.slider input[type=range]{width:100%}.toast{position:fixed;right:16px;bottom:16px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;max-width:420px;z-index:50;font-size:14px}.toast.bad{background:var(--bad);color:#fff}.center{max-width:420px;margin:8vh auto}canvas.view{width:100%;height:460px;background:var(--bg);border-radius:8px;border:1px solid var(--line);touch-action:none}.legend{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:6px}.legend i{flex:1;height:10px;border-radius:5px}.code{font-family:ui-monospace,Consolas,monospace;background:var(--chip);padding:8px 10px;border-radius:7px;word-break:break-all}.bar{height:8px;background:var(--chip);border-radius:4px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent)}@media(max-width:640px){.slider{grid-template-columns:1fr 70px}.slider label{grid-column:1 / -1}canvas.view{height:320px}}