:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;--bg:#f3f5f7;--surface:#fff;--surface-muted:#f8f9fa;--ink:#17212b;--muted:#68737f;--line:#dce1e6;--brand:#1261a0;--teal:#0f7c76;--green:#287a48;--amber:#a85b08;--red:#b42318;background:#f3f5f7;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1261a040}.loading-state,.fatal-state{text-align:center;min-height:100vh;color:var(--muted);place-content:center;gap:10px;display:grid}.fatal-state strong{color:var(--ink);font-size:20px}.fatal-state button{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:6px;justify-self:center;padding:9px 16px}.app-shell{min-height:100vh}.app-header{z-index:20;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.brand-lockup,.header-status,.room-strip,.binder-heading,.rail-title,.risk-heading,.diagnosis-title,.kpi-label,.panel-heading,.approval-item,.risk-item,.diagnosis-empty{align-items:center;display:flex}.brand-lockup{gap:10px;min-width:0}.brand-logo{object-fit:contain;flex:0 0 36px;width:36px;height:36px;display:block}.brand-lockup>div{gap:1px;min-width:0;display:grid}.brand-lockup strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;overflow:hidden}.brand-lockup span,.rail-title span,.room-copy span,.panel-heading span,.diagnosis-title>div>span,.binder-heading span{color:var(--muted);font-size:11px}.header-status{color:var(--green);background:#f2fbf5;border:1px solid #b8d9c5;border-radius:999px;flex:none;gap:6px;padding:6px 9px;font-size:12px;font-weight:700}.app-body{grid-template-columns:148px minmax(0,1fr);min-height:calc(100vh - 58px);display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;align-self:start;gap:4px;height:calc(100vh - 58px);padding:14px 10px;display:flex;position:sticky;top:58px}.sidebar button{color:#53606d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;min-height:38px;padding:0 9px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sidebar button:hover{background:#f2f4f6}.sidebar button.active{color:var(--brand);background:#edf5fb}.workspace{min-width:0;padding:18px}.inline-alert,.readonly-notice{border-radius:5px;font-size:12px}.inline-alert{color:var(--red);background:#fff2f0;border:1px solid #f2c5bf;margin-bottom:10px;padding:9px 11px}.room-manager{gap:10px;margin-bottom:18px;display:grid}.room-strip,.binder-panel{border:1px solid var(--line);background:var(--surface);border-radius:6px}.room-strip{gap:11px;min-height:64px;padding:10px 12px}.room-icon{width:36px;height:36px;color:var(--amber);background:#fff6e8;border-radius:6px;flex:0 0 36px;place-items:center;display:grid}.room-icon.live{color:var(--green);background:#edf8f1}.room-copy{flex:1;gap:2px;min-width:0;display:grid}.room-copy strong{overflow-wrap:anywhere;font-size:14px}.room-strip a{color:var(--brand);align-items:center;gap:5px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.binder-panel{padding:12px}.binder-heading{gap:10px;margin-bottom:11px}.binder-heading>div:last-child{gap:2px;display:grid}.binder-heading strong{font-size:14px}.binder-panel form{grid-template-columns:minmax(220px,1.45fr) minmax(190px,1fr) auto;align-items:end;gap:10px;display:grid}.binder-panel label{gap:5px;min-width:0;display:grid}.binder-panel label>span{color:#4d5864;font-size:11px;font-weight:700}.binder-panel input{min-width:0;height:36px;color:var(--ink);background:#fff;border:1px solid #cdd4db;border-radius:5px;padding:0 10px;font-size:12px}.binder-panel input::placeholder{color:#9aa3ac}.binder-panel form button{color:#fff;background:var(--brand);cursor:pointer;white-space:nowrap;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.binder-panel form button:disabled{opacity:.58;cursor:wait}.form-error{color:var(--red);margin:8px 0 0;font-size:12px}.room-list{gap:8px;margin-top:12px;display:grid}.room-list-heading,.room-card-actions,.room-select{align-items:center;display:flex}.room-list-heading{justify-content:space-between;gap:10px}.room-list-heading strong{font-size:13px}.room-card{background:#fff;border:1px solid #e2e7eb;border-radius:5px;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.room-card.active{background:#f1f7fc;border-color:#b6d2e5}.room-select{min-width:0;color:var(--ink);gap:7px;font-size:12px;font-weight:700}.room-select span,.room-url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-url{color:var(--muted);font-size:11px}.room-card-actions{justify-content:flex-end;gap:7px}.room-state{color:#53606b;background:#f1f3f5;border-radius:4px;flex:none;padding:4px 6px;font-size:10px;font-weight:800}.room-state.active{color:var(--green);background:#edf8f1}.secondary-action{color:#56616d;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cfd8df;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.secondary-action.danger{color:var(--red);border-color:#efc6c1}.secondary-action:disabled{opacity:.55;cursor:wait}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px;display:flex}.section-kicker{color:var(--teal);margin:0 0 3px;font-size:11px;font-weight:800}h1,h2,h3,p{letter-spacing:0}h1{margin:0;font-size:22px;line-height:29px}h2,h3{margin:0}.stage-badge{color:var(--teal);background:#f0f8f6;border:1px solid #c8ddd8;border-radius:4px;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.readonly-notice{border-left:3px solid var(--brand);color:#4d5e6c;background:#edf5fb;margin-bottom:12px;padding:8px 10px}.workspace-page{gap:12px;display:grid}.kpi-grid{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.kpi-item{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;min-height:108px;padding:12px;display:flex}.kpi-item:last-child{border-right:0}.kpi-label{color:var(--muted);gap:6px;font-size:11px}.kpi-label svg{color:var(--brand)}.kpi-item>strong{overflow-wrap:anywhere;margin-top:10px;font-size:20px;line-height:24px}.kpi-item small{color:#9099a2;margin-top:4px;font-size:10px}.analysis-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px;margin-top:12px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-width:0}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;min-height:54px;padding:10px 12px}.panel-heading>div{gap:2px;display:grid}.panel-heading h2,.diagnosis-title h2,.rail-title h2{font-size:14px;line-height:19px}.panel-heading>svg{color:var(--brand)}.trend-chart,.chart-empty,.funnel-list{height:212px}.trend-chart{padding:18px 14px 14px}.trend-chart svg{width:100%;height:100%;overflow:visible}.trend-chart line{stroke:#e8ebee;stroke-width:.6px}.trend-chart polyline{fill:none;stroke:var(--teal);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-empty{color:#939ca5;text-align:center;place-content:center;justify-items:center;gap:6px;display:grid}.chart-empty strong{color:#56616d;font-size:13px}.chart-empty span{font-size:11px}.funnel-list{align-content:center;gap:17px;padding:16px 14px;display:grid}.funnel-row{grid-template-columns:72px minmax(70px,1fr) 42px;align-items:center;gap:8px;font-size:11px;display:grid}.funnel-row>span{color:#52606c}.funnel-row>strong{text-align:right}.funnel-track{background:#e9edf0;border-radius:2px;height:8px;overflow:hidden}.funnel-fill{width:var(--funnel-width);background:var(--teal);height:100%}.funnel-fill.pending{background:#c9d0d6}.diagnosis-panel{margin-top:12px}.diagnosis-title{border-bottom:1px solid var(--line);gap:10px;min-height:62px;padding:11px 12px}.diagnosis-title>div{flex:1;gap:2px;min-width:0;display:grid}.diagnosis-title>svg{color:var(--teal)}.strategy-label{color:#fff;background:var(--teal);border-radius:4px;flex:none;padding:5px 7px;font-size:11px;font-weight:800}.diagnosis-empty{color:#7f8993;gap:10px;min-height:90px;padding:14px}.diagnosis-empty>div{gap:3px;display:grid}.diagnosis-empty strong{color:#4e5964;font-size:13px}.diagnosis-empty span{font-size:11px}.diagnosis-content{padding:14px}.diagnosis-content ul{color:var(--muted);margin:9px 0 0;padding-left:18px;font-size:12px}.diagnosis-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.diagnosis-columns>div,.diagnosis-limitations{background:#f8fafc;border:1px solid #e1e7ec;border-radius:5px;min-width:0;padding:10px}.diagnosis-columns h3{color:var(--ink);font-size:12px}.diagnosis-columns p{color:var(--muted);margin:9px 0 0;font-size:12px}.diagnosis-limitations{margin-top:12px}.approval-rail{border:1px solid var(--line);background:var(--surface);border-radius:6px;min-width:0;padding:16px 14px}.rail-title{gap:9px;min-height:40px;margin-bottom:14px}.rail-title>div{flex:1;min-width:0}.rail-icon-button{width:32px;height:32px;color:var(--brand);cursor:pointer;background:#f5f9fc;border:1px solid #cdd8e1;border-radius:5px;flex:0 0 32px;place-items:center;display:grid}.rail-icon-button:disabled{opacity:.55;cursor:wait}.auth-panel{background:#f8fafc;border:1px solid #dbe3ea;border-radius:6px;gap:9px;margin-bottom:12px;padding:10px;display:grid}.auth-state{align-items:center;gap:8px;display:flex}.auth-state>svg{color:var(--brand);flex:none}.auth-state>div{gap:2px;min-width:0;display:grid}.auth-state strong{overflow-wrap:anywhere;color:var(--ink);font-size:12px}.auth-state span{color:var(--muted);font-size:10px}.auth-form{grid-template-columns:minmax(0,1fr);gap:7px;display:grid}.auth-form input{min-width:0;height:32px;color:var(--ink);background:#fff;border:1px solid #cfd8df;border-radius:5px;padding:0 8px;font-size:12px}.auth-form button,.auth-secondary{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:32px;font-size:11px;font-weight:800;display:inline-flex}.auth-form button{color:#fff;background:var(--brand);border:0}.auth-secondary{color:#56616d;background:#fff;border:1px solid #cfd8df}.auth-form button:disabled,.auth-secondary:disabled{opacity:.55;cursor:wait}.rail-error{color:var(--red);overflow-wrap:anywhere;background:#fff2f0;border:1px solid #f2c5bf;border-radius:5px;margin:-4px 0 10px;padding:8px 9px;font-size:11px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rail-title>svg{color:var(--brand)}.rail-title>div{gap:2px;display:grid}.approval-section,.risk-section{border:1px solid var(--line);border-radius:6px}.rail-section-heading,.risk-heading{border-bottom:1px solid var(--line);min-height:42px;padding:9px 10px}.rail-section-heading{justify-content:space-between;align-items:center;display:flex}.rail-section-heading h3,.risk-heading h3{font-size:12px}.rail-section-heading>span{min-width:21px;height:21px;color:var(--brand);background:#eaf2f8;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.rail-empty{color:#9099a1;text-align:center;place-content:center;justify-items:center;gap:5px;min-height:112px;padding:12px;display:grid}.rail-empty strong{color:#505b65;font-size:12px}.rail-empty span{font-size:10px}.rail-empty button{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:5px;align-items:center;gap:5px;min-height:32px;margin-top:5px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.rail-empty button:disabled{opacity:.55;cursor:wait}.approval-list{display:grid}.approval-item{border-bottom:1px solid var(--line);min-width:0;padding:11px 10px;font-size:11px;display:block}.approval-item:last-child{border-bottom:0}.approval-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.approval-card-heading>div{gap:2px;min-width:0;display:grid}.approval-card-heading strong{overflow-wrap:anywhere;color:var(--ink);font-size:12px}.approval-card-heading code{overflow-wrap:anywhere;color:var(--muted);font-size:9px}.approval-card-heading>span{color:var(--brand);background:#eaf2f8;border-radius:4px;flex:none;padding:3px 5px;font-size:9px;font-weight:800}.approval-item.blocked .approval-card-heading>span{color:var(--red);background:#fff0ee}.approval-item>p{color:#4c5965;overflow-wrap:anywhere;margin:8px 0;font-size:11px;line-height:17px}.approval-values{border:1px solid #e1e5e9;border-radius:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.approval-values>div{border-right:1px solid #e1e5e9;gap:2px;min-width:0;padding:6px;display:grid}.approval-values>div:last-child{border-right:0}.approval-values dt{color:#7c8791;font-size:9px}.approval-values dd{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:10px;font-weight:800}.approval-evidence{color:var(--muted);gap:3px;margin-top:8px;display:grid}.approval-evidence strong{color:#53606b;font-size:10px}.approval-evidence span,.approval-evidence small{overflow-wrap:anywhere;font-size:9px;line-height:14px}.approval-evidence small{color:var(--teal);font-weight:700}.approval-actions{grid-template-columns:.78fr 1.22fr;gap:7px;margin-top:9px;display:grid}.approval-actions button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:4px;min-width:0;height:32px;font-size:10px;font-weight:800;display:inline-flex}.approval-actions button:disabled{opacity:.55;cursor:wait}.reject-button{color:#596570;background:#fff;border:1px solid #d7dde2}.approve-button{border:1px solid var(--brand);color:#fff;background:var(--brand)}.approval-blocked{border-left:3px solid var(--red);min-height:31px;color:var(--red);background:#fff3f1;align-items:center;gap:5px;margin-top:9px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.risk-section{margin-top:12px}.risk-heading{color:var(--amber);gap:7px}.risk-list{display:grid}.risk-empty{color:#9099a1;text-align:center;place-content:center;justify-items:center;gap:5px;min-height:112px;padding:12px;display:grid}.risk-empty strong{color:#505b65;font-size:12px}.risk-empty span{font-size:10px}.risk-item{border-bottom:1px solid #edf0f2;align-items:flex-start;gap:8px;min-height:58px;padding:10px}.risk-item:last-child{border-bottom:0}.risk-item>div{gap:2px;min-width:0;display:grid}.risk-item strong{font-size:10px}.risk-item span{overflow-wrap:anywhere;color:#57636e;font-size:11px;line-height:16px}.risk-item.pass>svg,.risk-item.pass strong{color:var(--green)}.risk-item.blocked>svg,.risk-item.blocked strong{color:var(--red)}.risk-item.pending>svg,.risk-item.pending strong{color:var(--amber)}@media (width<=1180px){.app-body{grid-template-columns:132px minmax(0,1fr)}.workspace{padding:14px}.binder-panel form{grid-template-columns:1fr 1fr}.binder-panel form button{grid-column:2;justify-self:end}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-item:nth-child(3){border-right:0}.kpi-item:nth-child(-n+3){border-bottom:1px solid var(--line)}}@media (width<=980px){.app-body{grid-template-columns:120px minmax(0,1fr)}.analysis-grid{grid-template-columns:1fr}.room-card{grid-template-columns:minmax(180px,1fr);align-items:start}.room-card-actions{justify-content:flex-start}.diagnosis-columns{grid-template-columns:1fr}}@media (width<=700px){.app-header{align-items:flex-start;height:auto;min-height:58px;padding:10px 12px}.brand-lockup strong{white-space:normal}.header-status{margin-top:2px}.app-body{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;height:auto;padding:7px 9px;position:static;overflow-x:auto}.sidebar button{flex:none}.workspace{padding:12px}.binder-panel form{grid-template-columns:1fr}.binder-panel form button{grid-column:1;justify-self:stretch}.room-strip{flex-wrap:wrap;align-items:flex-start}.room-strip a{margin-left:47px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-item,.kpi-item:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.kpi-item:nth-child(2n),.kpi-item:last-child{border-right:0}.kpi-item:last-child{border-bottom:0;grid-column:1/-1}.approval-rail{padding:14px 12px 24px}}@media (width<=430px){.brand-logo{display:none}.header-status{padding:5px 7px}.header-status svg{display:none}.section-heading-row{flex-direction:column;align-items:flex-start;gap:7px}}