:root{--bg:#ffffff;--bg-soft:#f7f8fa;--surface:#ffffff;--surface-2:#f7f8fa;--border:#e2e5e9;--border-strong:#cfd4da;--fg:#1f2329;--muted:#5f6b7a;--accent:#17456e;--nav-bg:#0f1e3d;--nav-fg:#e6ecf5;--warn:#7f1d1d;--ok-bg:#e8f5ec;--ok-fg:#0f5132;--ok-border:#b7dfc6;--alert-bg:#fdecec;--alert-fg:#8f1d1d;--alert-border:#f3c2c2;--todo-bg:#fff8e8;--todo-border:#f0d9a8;--todo-fg:#6b4a08;--shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04)}*{box-sizing:border-box}body{margin:0;background:var(--bg-soft);color:var(--fg);font:15px/1.55 system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}.page{max-width:1680px;margin:0 auto;padding:12px 18px 48px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 0 4px}.topbar h1{font-size:19px;margin:0}.badge{background:var(--accent);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px}.notice{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);padding:10px 12px;border-radius:8px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:8px 0}.card.warn{background:var(--todo-bg);border-color:var(--todo-border);border-left:3px solid #b45309}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,Consolas,monospace}.row{display:flex;justify-content:space-between;gap:8px}.list{list-style:none;padding:0;margin:0}footer{margin-top:20px;border-top:1px solid var(--border);padding-top:10px}.shell{display:flex;gap:18px;align-items:flex-start}.main{flex:1 1 auto;min-width:0}.sidebar{flex:0 0 220px;position:sticky;top:10px;background:var(--nav-bg);color:var(--nav-fg)}.sidebar{width:220px;max-width:220px}.sidebar .nav{flex-direction:column;gap:2px;margin:6px 0}.sidebar .nav.primary{border-bottom:1px solid var(--border);padding-bottom:8px}.sidebar .nav a{justify-content:flex-start;border-radius:8px;width:100%}.sidebar .nav.sub a{font-size:13px;padding-left:18px}.sidebar .nav a{background:transparent;color:var(--nav-fg);border-color:transparent}.sidebar .nav a.active{background:var(--tone-in-progress);color:#fff;border-color:var(--tone-in-progress)}.sidebar .nav-icon{margin-right:6px}.sidebar .nav-count{margin-left:auto;font-size:11px;line-height:16px;padding:0 6px;border-radius:9px;background:#ffffff1a;color:#b9c7dd}.sidebar .nav a.active .nav-count{background:#ffffff38;color:#fff}.subtabs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid var(--border)}.subtabs a{font-size:13px;padding:5px 11px;border-radius:8px;border:1px solid transparent;color:var(--muted);text-decoration:none;white-space:nowrap}.subtabs a:hover{background:var(--tone-in-progress-bg, #eff6ff);color:var(--tone-in-progress)}.subtabs a.active{background:var(--tone-in-progress);border-color:var(--tone-in-progress);color:#fff;font-weight:600}@media(max-width:900px){.shell{display:block}.sidebar{position:static}.sidebar .nav{flex-direction:row;flex-wrap:wrap}.sidebar .nav a{width:auto;border-radius:999px}.sidebar .nav.sub a{padding-left:12px}}.nav{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.nav a{color:var(--accent);text-decoration:none;border:1px solid var(--border-strong);border-radius:999px;padding:8px 12px;font-size:13px;min-height:40px;display:inline-flex;align-items:center;background:var(--surface)}.nav a.active{background:var(--accent);color:#fff;border-color:var(--accent)}.nav.primary{gap:4px;margin-bottom:2px;border-bottom:1px solid var(--border);padding-bottom:8px}.nav.primary a{font-size:15px;font-weight:600;border:none;background:transparent;padding:8px 14px}.nav.primary a.active{background:var(--accent);border-radius:999px}.nav.sub a{font-size:13px}.nav.sub a.active{background:#0f3556;color:#fff;border-color:#0f3556}.devinfo{margin:6px 0}.devinfo summary{cursor:pointer;font-size:12px;color:var(--muted)}.devinfo[open] summary{margin-bottom:4px}.topbar-session{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto;position:relative;z-index:2}.topbar{flex-wrap:wrap;position:relative;z-index:3}.todo-list{margin-top:6px}.todo-row{border-top:1px solid var(--border);padding:10px 0;display:flex;flex-direction:column;gap:6px}.todo-row:first-child{border-top:none}.todo-row>div:first-child{font-size:15px;line-height:1.5}.todo-row .btn.small{min-height:34px;padding:6px 12px}.progress-row{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:6px}.progress-row>div{min-width:120px}.progress-row b{font-size:17px}a.back{color:var(--accent);text-decoration:none;font-size:13px}a.card-link{color:inherit;text-decoration:none;display:block}a.card-link:hover .card{border:1px solid var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h2{font-size:17px;margin:12px 0 4px}h3{font-size:14px;margin:14px 0 2px}dl.kv{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:13.5px}dl.kv dt{color:var(--muted)}dl.kv dd{margin:0}.todo{background:var(--todo-bg);border:1px solid var(--todo-border);border-left:3px solid #b45309;color:var(--todo-fg)}.todo code{color:#8a5a06}table.grid{width:100%;border-collapse:collapse;font-size:13px}table.grid th,table.grid td{text-align:left;padding:6px;border-bottom:1px solid var(--border);vertical-align:top}table.grid th{color:var(--muted);font-weight:500}form.inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}input,select,button{font:inherit;background:var(--surface);color:var(--fg);border:1px solid var(--border-strong);border-radius:8px;padding:9px 10px;min-height:40px}button{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:default}.err{background:var(--alert-bg);border:1px solid var(--alert-border);color:var(--alert-fg);border-radius:8px;padding:8px 10px;font-size:13px;margin:6px 0}.ok{background:var(--ok-bg);border:1px solid var(--ok-border);color:var(--ok-fg);border-radius:8px;padding:8px 10px;font-size:13px;margin:6px 0}.flow-chain{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:8px 0 2px}.flow-node{flex:1 1 150px;min-width:140px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.flow-arrow{align-self:center;color:var(--muted);font-size:16px}.flow-count{font-size:19px;font-weight:600;color:var(--accent)}.money-dash{margin-top:6px}.dash-nav{display:flex;flex-direction:column;gap:2px;flex:0 0 200px;align-self:flex-start;padding:8px}.dash-nav-item{display:block;color:var(--accent);text-decoration:none;border-radius:8px;padding:9px 10px;font-size:13.5px;min-height:40px;overflow-wrap:anywhere}.dash-nav-item.active{background:var(--accent);color:#fff;font-weight:600}.dash-nav-item.muted{color:var(--muted)}@media(max-width:900px){.dash-nav{flex:1 1 auto;flex-direction:row;flex-wrap:wrap}.dash-nav-item{width:auto;border:1px solid var(--border-strong);border-radius:999px}}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:8px 0}.metric{margin:0;min-width:0;overflow-wrap:anywhere}.metric-value{font-size:var(--m-value-size);font-weight:var(--m-value-weight);margin:2px 0;overflow-wrap:anywhere}.toolbar{gap:8px 10px}.toolbar select{max-width:100%;min-width:0}.bars{display:flex;flex-direction:column;gap:6px;margin-top:6px}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(80px,3fr) auto;gap:8px;align-items:center}.bar-name{overflow-wrap:anywhere}.bar-track{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;height:14px;overflow:hidden}.bar-fill{background:var(--accent);height:100%}.bar-value{text-align:right;white-space:nowrap}@media(max-width:520px){.bar-row{grid-template-columns:1fr auto}.bar-track{grid-column:1 / -1}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table.grid{min-width:520px}table.grid,table.table{display:block;overflow-x:auto;width:max-content;min-width:100%;max-width:100%}table.grid.is-narrow,table.table.is-narrow{min-width:0;width:fit-content;max-width:100%}.main table:not(.grid):not(.table){display:block;overflow-x:auto;width:max-content;min-width:100%;max-width:100%}.row,.inline{flex-wrap:wrap}.main{overflow-wrap:anywhere}.main *{min-width:0}.main table{overflow-wrap:normal}input,select,textarea,button{max-width:100%;min-width:0}:root{--m-bg:#f7f9fc;--m-border:#e3e8ef;--m-radius:6px;--m-name-size:11px;--m-name-color:#666;--m-value-size:20px;--m-value-weight:700;--m-unit-size:10px;--m-unit-color:#999;--tone-overdue:#dc2626;--tone-due-soon:#d68910;--tone-normal:#1d8a5e;--tone-in-progress:#2f6fed;--tone-terminal:#9aa3ad;--badge-todo-bg:#dc2626;--badge-todo-fg:#ffffff;--badge-todo-radius:9px;--foot-size:11px;--foot-color:#aaa}.card.metric{background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius)}.metric-name,.metric>.small.muted:first-child{font-size:var(--m-name-size);color:var(--m-name-color)}.metric-unit{font-size:var(--m-unit-size);color:var(--m-unit-color)}.metric-empty{font-size:var(--m-value-size);font-weight:var(--m-value-weight);color:var(--m-unit-color)}.tone-overdue{color:var(--tone-overdue)}.tone-due-soon{color:var(--tone-due-soon)}.tone-normal{color:var(--tone-normal)}.tone-in-progress{color:var(--tone-in-progress)}.tone-terminal{color:var(--tone-terminal)}.tone-pending-cs,.tone-pending-fin{color:var(--tone-due-soon);font-weight:600}.tone-both{color:var(--tone-normal);font-weight:600}.on-solid{color:#fff}.badge-todo{display:inline-block;min-width:18px;padding:1px 6px;border-radius:var(--badge-todo-radius);background:var(--badge-todo-bg);color:var(--badge-todo-fg);font-size:11px;font-weight:600;line-height:16px;text-align:center;vertical-align:middle}.page-head h1{font-size:18px;font-weight:700}.page-foot{font-size:var(--foot-size);color:var(--foot-color);margin-top:16px;border-top:1px solid var(--m-border);padding-top:8px}table.grid td,table.table td{height:40px}table.grid tbody tr:hover,table.table tbody tr:hover{background:var(--m-bg)}table.grid tbody tr.row-link:hover,table.table tbody tr.row-link:hover{background:var(--m-border);cursor:pointer}.chip{display:inline-block;background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);padding:1px 7px;font-size:var(--m-name-size);color:var(--m-name-color)}.chip.tone-overdue{color:var(--tone-overdue)}.chip.tone-due-soon{color:var(--tone-due-soon)}.chip.tone-normal{color:var(--tone-normal)}.chip.tone-in-progress{color:var(--tone-in-progress)}.chip.tone-terminal{color:var(--tone-terminal)}.chip.tone-pending-cs,.chip.tone-pending-fin{color:var(--tone-due-soon)}.chip.tone-both{color:var(--tone-normal)}.confirm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.confirm-side{min-width:0}.confirm-side .card{margin:0}@media(max-width:640px){.confirm-grid{grid-template-columns:1fr}}.topbar h1{display:none}.topbar{padding:6px 0 2px}.main h2{font-size:18px;font-weight:700;line-height:1.35;margin:6px 0 2px}.card:not(.metric){border-radius:12px;padding:14px 16px;box-shadow:var(--shadow)}.card:not(.metric)+.card:not(.metric){margin-top:12px}table.grid th,table.table th{background:#f9fafb;font-weight:500;font-size:12px}table.grid td,table.table td{border-bottom:1px solid #f1f3f7}.toolbar,form.inline,.filters{gap:8px 10px;margin:10px 0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head h1{margin:0}@media(min-width:901px){.sidebar{top:0;height:100vh;max-height:100vh;overflow:auto;border-radius:0;padding:8px;display:flex;flex-direction:column}.sidebar .nav{flex:0 0 auto}}.sidebar-brand{padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand b{display:block;color:#fff;font-size:15px;font-weight:600}.sidebar-brand span{display:block;color:#7c8db5;font-size:11.5px;margin-top:3px}.sidebar-foot{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.08);color:#5b6b8f;font-size:11px;line-height:1.6}@media(max-width:900px){.sidebar-foot{display:none}}.sidebar .nav-subhead{width:100%;color:#7c8db5;font-size:11.5px;line-height:1.3;margin:7px 0 1px;padding-left:8px}.caliber{display:inline-block;margin-left:6px;vertical-align:baseline}.caliber>summary{display:inline-block;cursor:pointer;list-style:none}.caliber>summary::-webkit-details-marker{display:none}.caliber>summary::marker{content:""}.caliber[open]>span{display:block;margin-top:4px}td button,td .btn{min-height:0;height:auto;padding:3px 9px;font-size:12px;line-height:1.4;border-radius:6px;margin:0 6px 0 0;vertical-align:middle;white-space:nowrap}td:has(>button),td:has(>.btn){white-space:nowrap}@media(max-width:640px){td:has(>button),td:has(>.btn){white-space:normal}}td input,td select,td textarea{min-height:0;height:auto;padding:3px 6px;font-size:12px;line-height:1.5}td input[type=checkbox],td input[type=radio]{min-height:0;padding:0}table.grid tbody tr.row-link>td:last-child,table.table tbody tr.row-link>td:last-child{position:relative}table.grid tbody tr.row-link>td:last-child:after,table.table tbody tr.row-link>td:last-child:after{content:"";position:absolute;right:5px;top:50%;width:5px;height:5px;margin-top:-3px;border-top:1.5px solid var(--muted);border-right:1.5px solid var(--muted);transform:rotate(45deg);opacity:.45}table.grid tbody tr.row-link:hover>td:last-child:after,table.table tbody tr.row-link:hover>td:last-child:after{opacity:1}.cockpit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:12px;align-items:stretch}.cockpit-grid>.card{margin:0;height:100%}@media(max-width:900px){.cockpit-grid{grid-template-columns:1fr}}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px}.unit-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer}.unit-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.unit-card.is-ok{border-left-color:var(--ok-border)}.unit-card.is-warn{border-left-color:var(--todo-border)}.unit-card.is-bad{border-left-color:var(--alert-border)}.unit-card.is-idle{border-left-color:var(--border-strong)}.unit-card .uc-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.unit-card .uc-no{font-size:15px;font-weight:700}.unit-card .uc-chip{font-size:11px;line-height:1.7;padding:0 6px;border-radius:999px;min-width:0;background:var(--m-bg);color:var(--muted);white-space:nowrap}.unit-card .uc-chip.is-ok{background:var(--ok-bg);color:var(--ok-fg)}.unit-card .uc-chip.is-warn{background:var(--todo-bg);color:var(--todo-fg)}.unit-card .uc-chip.is-bad{background:var(--alert-bg);color:var(--alert-fg)}.unit-card .uc-name{font-size:13px}.unit-card .uc-facts{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;color:var(--muted)}.unit-card .uc-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.unit-card .uc-acts button{min-height:0;padding:3px 9px;font-size:12px}.unit-card>:last-child,.unit-card>.uc-facts:has(+.uc-acts:empty){margin-top:auto}