:root{--ink:#171717;--ink-2:#404040;--muted:#737373;--line:#e5e5e5;--line-2:#f0f0f0;--bg:#f5f5f5;--panel:#fff;--hover:#fafafa;--select:#eff6ff;--select-border:#93c5fd;--accent:#1d4ed8;--accent-ink:#1e3a8a;--danger:#b91c1c;--ok:#166534;--warn:#9a3412;--radius:4px;--font:"Source Sans 3", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"Source Code Pro", "Cascadia Mono", ui-monospace, monospace;--side:208px}*{box-sizing:border-box}html,body,#app{min-height:100%;font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:14px;line-height:1.45;overflow-x:clip}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}code,.mono{font-family:var(--mono);font-size:12px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{grid-template-columns:var(--side) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .28s cubic-bezier(.22,1,.36,1);display:grid}.app-shell.rail-collapsed{--side:64px;grid-template-columns:64px minmax(0,1fr)}.rail{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:1/1;width:100%;height:100vh;padding:16px 10px;display:flex;position:sticky;top:0;overflow:hidden}.mobile-backdrop{z-index:55;background:#00000059;border:0;margin:0;padding:0;display:none;position:fixed;inset:0}.brand{border-bottom:1px solid var(--line);align-items:baseline;gap:8px;margin-bottom:10px;padding:4px 8px 16px;display:flex}.brand-name{font-size:16px;font-weight:700}.brand-sub{font-family:var(--mono);color:var(--muted);font-size:11px}.brand-text{opacity:1;align-items:baseline;gap:8px;max-width:140px;transition:opacity .2s,max-width .28s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.rail-collapsed .brand-text{opacity:0;gap:0;max-width:0}.nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-label{color:var(--muted);white-space:nowrap;opacity:1;max-height:20px;margin:14px 8px 4px;font-size:11px;transition:opacity .18s,max-height .28s,margin .28s;overflow:hidden}.rail-collapsed .nav-label{opacity:0;max-height:0;margin:6px 0 0}.nav-item{width:100%;color:var(--ink-2);text-align:left;border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:8px;padding:7px 8px;text-decoration:none;transition:background .15s,color .15s,padding .28s;display:flex}.nav-item:hover{background:var(--hover);color:var(--ink);text-decoration:none}.nav-item.active{background:var(--ink);color:#fff}.nav-label-text{opacity:1;max-width:140px;transition:opacity .18s,max-width .28s cubic-bezier(.22,1,.36,1)}.rail-collapsed .nav-label-text,.rail-collapsed .badge,.rail-collapsed .user-meta{opacity:0;pointer-events:none;max-width:0;overflow:hidden}.rail-collapsed .nav-item{justify-content:center;gap:0;padding-left:6px;padding-right:6px}.rail-collapsed .rail-foot{justify-content:center}.badge{font-family:var(--mono);color:var(--warn);margin-left:auto;font-size:11px}.nav-item.active .badge{color:#fecaca}.rail-foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:8px;padding:10px 8px 4px;display:flex}.avatar{border-radius:var(--radius);background:var(--line-2);width:28px;height:28px;color:var(--ink-2);border:1px solid var(--line);place-items:center;font-size:12px;font-weight:600;display:grid}.main{background:var(--bg);grid-area:1/2;min-width:0;padding:16px 20px 72px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.crumbs{align-items:center;gap:6px;font-size:13px;display:flex}.sep{color:var(--muted)}.page-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.page-head h1{margin:0 0 4px;font-size:22px;font-weight:700}.lede{color:var(--muted);max-width:60ch;margin:0;font-size:13px}.eyebrow{font-family:var(--mono);color:var(--muted);margin-bottom:4px;font-size:12px}.head-actions,.filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pager{border-top:1px solid var(--line-2);color:var(--ink-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.pager-info b{font-family:var(--mono);color:var(--ink)}.pager-size{align-items:center;gap:6px;display:inline-flex}.pager-size select{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:3px 6px}.pager-nav{align-items:center;gap:8px;display:inline-flex}.pager-page{text-align:center;min-width:52px;color:var(--ink)}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);padding:6px 12px;font-size:13px;font-weight:600}.btn:hover{background:var(--hover)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:#000}.btn.bind{background:var(--accent);border-color:var(--accent);color:#fff}.btn.bind:hover{background:#1e40af}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{padding:4px 8px;font-size:12px}.linkish{color:var(--accent);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.linkish.danger{color:var(--danger)}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.panel-h{justify-content:space-between;align-items:center;gap:10px;min-height:28px;margin-bottom:10px;display:flex}.panel-h h2{margin:0;font-size:13px;font-weight:700}.split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.split.ratio-2-1{grid-template-columns:1.55fr 1fr}.stack-gap{flex-direction:column;gap:12px;display:flex}.metric-row{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:14px;display:grid}.metric{border-right:1px solid var(--line);padding:12px 14px}.metric:last-child{border-right:0}.metric.warn .metric-v{color:var(--warn)}.metric-k{color:var(--muted);margin-bottom:4px;font-size:12px}.metric-v{font-family:var(--mono);font-size:24px;font-weight:600;line-height:1.1}.metric-s{color:var(--muted);margin-top:4px;font-size:12px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:10px 8px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--hover)}input,select,textarea{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);outline:none;padding:6px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label,.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.form-grid label.full,.field.full{grid-column:1/-1}.drawer-mask{z-index:40;background:#00000047;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--panel);border-left:1px solid var(--line);width:min(420px,100%);height:100%;padding:18px;overflow:auto}.drawer h2{margin:0 0 14px;font-size:18px}.drawer .actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.bind-board{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bind-list,.req-pick{flex-direction:column;gap:6px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.bind-card{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:20px 1fr;gap:8px;padding:10px;display:grid}.bind-card.selected{border-color:var(--select-border);background:var(--select)}.req-pick li{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:10px}.req-pick li.active{border-color:var(--ink);background:var(--hover);box-shadow:inset 3px 0 0 var(--ink)}.req-pick li strong{margin-bottom:2px;font-size:13px;display:block}.req-pick li span{color:var(--muted);font-size:12px}.bind-bar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex;position:sticky;bottom:0}.status.ok{color:var(--ok)}.status.warn{color:var(--warn)}.toast{z-index:50;background:var(--ink);color:#fff;border-radius:var(--radius);min-width:220px;padding:10px 12px;font-size:13px;position:fixed;bottom:16px;right:16px}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:min(360px,100%);padding:24px}.login-card h1{margin:0 0 4px;font-size:22px}.login-card .lede{margin-bottom:18px}.login-card .field{margin-bottom:12px}.login-card .btn{width:100%;margin-top:8px}.error{color:var(--danger);margin-top:8px;font-size:13px}.commit-rail{margin:0;padding:0;list-style:none}.commit-rail li{grid-template-columns:12px 1fr;gap:10px;padding:0 0 14px;display:grid;position:relative}.commit-rail li:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:0;left:4px}.commit-rail li:last-child{padding-bottom:0}.commit-rail li:last-child:before{display:none}.rail-node{background:var(--ink);border:1px solid var(--ink);z-index:1;border-radius:50%;width:9px;height:9px;margin-top:4px}.rail-node.unbound{background:var(--panel);border-color:var(--warn)}.sha{font-family:var(--mono);color:var(--accent-ink);font-size:12px;font-weight:600}.msg{margin:1px 0 2px;font-size:13px}.meta{color:var(--muted);font-size:12px}.track{background:var(--line-2);height:3px;overflow:hidden}.track i{background:var(--ink);height:100%;display:block}.module-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.mod-top{justify-content:space-between;margin-bottom:5px;font-size:13px;display:flex}.mod-top span{font-family:var(--mono);color:var(--muted);font-size:12px}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=960px){.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.split.ratio-2-1,.bind-board{grid-template-columns:1fr}}@media (width<=640px){.app-shell,.app-shell.rail-collapsed{--side:0px;grid-template-columns:1fr}.rail{z-index:60;border-right:1px solid var(--line);width:min(280px,86vw);height:100dvh;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0);transition:transform .28s cubic-bezier(.22,1,.36,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.app-shell.mobile-nav-open .rail{transform:translate(0);box-shadow:8px 0 24px #0000001f}.app-shell.mobile-nav-open .brand-text,.app-shell.mobile-nav-open .nav-label-text,.app-shell.mobile-nav-open .badge,.app-shell.mobile-nav-open .user-meta,.app-shell.mobile-nav-open .nav-label{opacity:1;pointer-events:auto;max-width:160px;max-height:24px}.app-shell.mobile-nav-open .nav-item{justify-content:flex-start;gap:8px;padding-left:8px;padding-right:8px}.app-shell.mobile-nav-open .rail-foot{justify-content:flex-start}.app-shell.mobile-nav-open .mobile-backdrop{display:block}.rail{grid-area:auto}.main{padding:12px 12px calc(72px + env(safe-area-inset-bottom,0));grid-area:1/1;width:100%;max-width:100vw;overflow-x:hidden}.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:10px}.crumbs{flex-wrap:wrap;flex:auto;min-width:0}.top-actions,.head-actions{justify-content:flex-start;width:100%}.page-head{flex-direction:column;align-items:stretch}.page-head h1{font-size:20px}.lede{max-width:none}.page-head .head-actions,.page-head .filters{width:100%}.page-head select,.page-head input,.filters select,.filters input{flex:140px;min-width:0;max-width:100%}.panel{padding:10px 12px}.panel-h{flex-wrap:wrap}.split,.split.ratio-2-1,.split.ratio-1-1,.bind-board{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr 1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:nth-child(2n){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}:is(.table-wrap,.panel:has(>.table),.panel:has(>table.table)){-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:640px}.form-grid{grid-template-columns:1fr}.drawer-mask{justify-content:stretch;align-items:stretch}.drawer,.drawer.wide{border-left:0;border-top:1px solid var(--line);border-radius:12px 12px 0 0;width:100%;max-width:100%;height:min(92dvh,100%);margin-top:auto}.bind-list,.req-pick{max-height:min(360px,50vh)}.bind-bar{bottom:env(safe-area-inset-bottom,0);flex-direction:column;align-items:stretch;position:sticky}.bind-bar .head-actions{width:100%}.pager{justify-content:space-between;gap:8px}.toast{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0));width:auto;min-width:0}input,select,textarea{font-size:16px}.btn{min-height:36px}.hide-sm{display:none!important}}@media (width<=480px){.metric-row{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.hide-xs{display:none!important}.table{min-width:560px}.login-page{padding:16px}.login-card{padding:18px}}