:root{--bg:#f6f7fb;--card:#fff;--fg:#172033;--muted:#697386;--line:#dce1ea;--accent:#1f6feb;--danger:#b42318;--ok:#027a48}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{background:#0f172a;color:#fff;padding:16px 24px}header h1{margin:0;font-size:20px}.wrap{max-width:1280px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0;box-shadow:0 1px 2px rgba(0,0,0,.03)}.nav a{display:inline-block;margin:4px 6px 4px 0;padding:8px 12px;border-radius:9px;text-decoration:none;color:#0f172a;background:#e8eefc}.nav a.active{background:var(--accent);color:#fff}table{border-collapse:collapse;width:100%;font-size:13px;background:white}th,td{border:1px solid var(--line);padding:6px 8px;white-space:nowrap;text-align:right}th{background:#eef2f7;color:#243145}td:first-child,th:first-child{text-align:left}.scroll{overflow:auto}.btn{background:var(--accent);border:0;color:#fff;border-radius:8px;padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-block}.btn.secondary{background:#475569}.btn.danger{background:var(--danger)}input,select,textarea{padding:8px;border:1px solid var(--line);border-radius:8px;font-size:14px}label{display:block;margin:8px 0 4px;color:#334155}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.muted{color:var(--muted)}.ok{color:var(--ok);font-weight:700}.danger{color:var(--danger);font-weight:700}.pill{display:inline-block;border-radius:999px;padding:3px 8px;background:#e2e8f0;margin-right:6px}.kpi{font-size:24px;font-weight:700}.notice{background:#fff7ed;border-color:#fed7aa}.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.success{background:#ecfdf3;border-color:#abefc6;color:#05603a}.login{max-width:420px;margin:10vh auto}.small{font-size:12px}.right{text-align:right}.form-row{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.form-row>div{min-width:160px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.toolbar{margin:8px 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn.active-mini{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}
.quick-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 10px}.chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#e2e8f0;color:#0f172a;text-decoration:none;font-size:13px}.chip:hover{background:#cbd5e1}.chip.active-chip{background:#1f6feb;color:#fff}.table-link{display:inline-block;margin:1px 4px 1px 0;color:#1f6feb;text-decoration:none;font-weight:600}.table-link:hover{text-decoration:underline}.flow-chart{width:100%;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;touch-action:manipulation}.chart-click-info{margin-top:8px;color:#334155;font-size:13px;min-height:20px;overflow-wrap:anywhere}.clickable-th{cursor:pointer;user-select:none}.clickable-th:hover{background:#dbeafe}.sort-asc::after{content:' ▲';font-size:10px;color:#1f6feb}.sort-desc::after{content:' ▼';font-size:10px;color:#1f6feb}.chart-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}.chart-list-card{margin:0}.chart-list-card h3{margin:0 0 4px;font-size:15px}.compact-chart{min-height:210px}
@media(max-width:520px){.chart-list-grid{grid-template-columns:1fr}}
.checkline{display:flex;align-items:center;gap:6px;margin:8px 0 0;color:#334155;font-size:14px}.checkline input{padding:0}