*{box-sizing:border-box}body{margin:0;color:#eef7f4;background:#070c11;font-family:Inter,Microsoft YaHei,PingFang SC,sans-serif}button,input,textarea{font:inherit}.page{min-height:100vh}.top-nav{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #1b2a33;background:#0b1117;box-shadow:0 1px #ffffff08}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;color:#07100d;background:#22d3a6;font-weight:800}.brand-title{font-size:16px;font-weight:700;color:#f4fffc}.nav-links{display:flex;align-items:center;gap:8px}.top-actions{display:flex;align-items:center;gap:12px}.nav-link{color:#9badb7;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:14px}.nav-link.router-link-active{color:#07100d;background:#22d3a6;font-weight:700}.user-chip{height:32px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #21323b;border-radius:6px;color:#dbe9e5;background:#101923;font-size:13px}.user-dot{width:8px;height:8px;border-radius:99px;background:#22d3a6}.dashboard{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;height:calc(100vh - 56px);padding:16px}.status-bar,.panel,.bottom-panel,.side-metrics-panel{border:1px solid #1c2b35;background:#0d151c}.status-bar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:6px;box-shadow:inset 0 1px #ffffff0a}.status-left,.status-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-select-wrap{display:flex;flex-direction:column;gap:4px}.manual-correct-row{display:flex;align-items:center;gap:6px}.manual-correct-section,.detected-dimensions-section{margin-top:4px}.detected-full-name{margin-top:10px;padding:8px 10px;border:1px solid #1f5b4a;border-radius:6px;color:#88f0bd;background:#071a14;font-size:14px;font-weight:700;line-height:1.4}.status-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.main-grid{display:grid;grid-template-columns:minmax(640px,1.25fr) minmax(520px,1fr);gap:14px;min-height:0}.left-workspace{min-height:0}.right-workspace{min-height:0;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.15fr);grid-template-rows:auto minmax(190px,.52fr) minmax(0,1fr) minmax(180px,.58fr);gap:14px}.right-workspace .side-metrics-panel,.right-workspace .panel:nth-child(2),.right-workspace .panel:nth-child(5){grid-column:1 / -1}.left-stack{min-height:0;display:grid;grid-template-rows:auto minmax(240px,1fr);gap:14px}.side-stack{min-height:0;display:grid;grid-template-rows:minmax(250px,.82fr) minmax(300px,1fr);gap:14px}.panel{min-height:0;display:flex;flex-direction:column;border-radius:6px;box-shadow:inset 0 1px #ffffff09}.panel-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #1b2a33;background:#101923}.panel-title{font-size:15px;font-weight:700;color:#f5fffb}.panel-body{min-height:0;overflow:auto;padding:14px}.transcript-list{display:flex;flex-direction:column;gap:10px}.transcript-partial{margin-bottom:10px;padding:10px 12px;border:1px solid #1f5b4a;border-radius:6px;color:#8ff2ca;background:#071a14;line-height:1.6}.transcript-item{border-left:3px solid #22d3a6;padding:8px 10px;background:#111c25;border-radius:0 6px 6px 0}.transcript-text{line-height:1.6;font-size:14px;color:#e8f4f0}.transcript-meta{margin-top:5px;color:#89a1aa;font-size:12px}.suggestion-list{display:flex;flex-direction:column;gap:10px}.suggestion-card{border:1px solid #243944;border-radius:6px;background:#111b24}.suggestion-card.high-risk{border-color:#ff6b6b;background:#251417}.suggestion-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #1f313b}.suggestion-type{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff}.suggestion-content{padding:10px 12px;line-height:1.65;font-size:14px;color:#eef8f5}.suggestion-reason{padding:0 12px 10px;color:#96a9b1;line-height:1.5;font-size:12px}.suggestion-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-top:1px solid #1f313b}.product-kv{display:grid;grid-template-columns:70px 1fr;gap:8px 10px;font-size:14px;line-height:1.55}.product-kv dt{color:#91a5ad}.product-kv dd{margin:0;color:#eef8f5}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.bottom-panel,.side-metrics-panel{min-height:104px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px;border-radius:6px}.side-metrics-panel{min-height:82px}.metric-box{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 12px;border:1px solid #22343e;border-radius:6px;background:#101923}.metric-label{color:#91a5ad;font-size:12px}.metric-value{font-size:20px;font-weight:800;color:#22d3a6}.empty-state{display:grid;min-height:120px;place-items:center;color:#78909a;text-align:center}.empty-state.compact{min-height:80px;padding:12px}.live-source-panel{min-height:0;align-self:start}.live-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;border-bottom:1px solid #1b2a33;background:#0b1219}.capture-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-bottom:1px solid #1b2a33;background:#0c151d}.live-preview{position:relative;aspect-ratio:16 / 9;width:100%;overflow:hidden;background:#05080c}.live-preview.is-capturing{min-height:0}.live-media,.live-frame{width:100%;height:100%;display:block;border:0;background:#05080c}.live-media{object-fit:contain}.latest-live-frame{object-position:left top}.capture-status{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#88f0bd;border-bottom:1px solid #143225;background:#071a12;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#18c777;box-shadow:0 0 12px #18c777cc}.live-note,.audio-help{padding:8px 12px 10px;font-size:12px;line-height:1.5}.live-note{color:#d8b463;background:#17140c;border-top:1px solid #302712}.audio-help{color:#bde7ff;background:#071521;border-top:1px solid #17344b}.audio-help-title{margin-bottom:4px;color:#69cfff;font-weight:700}.frame-analysis{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;border-top:1px solid #1b2a33;background:#0b1219}.live-analysis-box{min-height:62px;padding:8px 10px}.recognized-product-box{border-color:#1f5b4a;background:#071a14}.recognized-product-box.manual-override{border-color:#8c6b1f;background:#1a1407}.recognized-product-box .analysis-value{color:#88f0bd;font-size:15px}.recognized-product-box.manual-override .analysis-value{color:#f0d88f}.recognized-product-box.recognition-candidate{border-color:#3a4f5a;background:#0d151c}.recognized-product-box.recognition-candidate .analysis-value{color:#78909a;font-size:15px}.recognition-meta{margin-top:2px;color:#6fb89b;font-size:11px}.analysis-value{color:#eaf7f2;font-size:14px;font-weight:700;line-height:1.4}.latest-frame-preview{padding:10px 12px 12px;border-top:1px solid #1b2a33;background:#071016}.latest-frame-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#cfe4dc;font-size:12px;font-weight:700}.latest-frame-image{width:100%;max-height:220px;display:block;object-fit:contain;border:1px solid #243944;border-radius:6px;background:#05080c}.frame-gallery-panel{min-height:0}.frame-gallery-body{padding:10px;overflow:auto}.frame-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:start;gap:10px}.frame-card{min-width:0;overflow:hidden;border:1px solid #243944;border-radius:6px;background:#111b24}.frame-card-image{width:100%;aspect-ratio:9 / 16;display:block;object-fit:contain;background:#05080c}.frame-card-meta{padding:8px 10px 10px}.frame-card-title{overflow:hidden;color:#f1fff9;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.frame-card-line,.frame-card-time{margin-top:4px;color:#8fa6af;font-size:12px}.frame-card-recognition{color:#88f0bd}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:#070c11}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.login-visual,.login-card{border:1px solid #1c2b35;border-radius:8px;background:#0d151c;box-shadow:inset 0 1px #ffffff0a}.login-visual{min-height:500px;display:flex;flex-direction:column;justify-content:space-between;padding:26px}.login-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.live-metric{min-height:88px}.login-slogan h1{max-width:680px;margin:0 0 14px;color:#fff;font-size:38px;line-height:1.18;letter-spacing:0}.login-slogan p{max-width:620px;margin:0;color:#9eb2bb;font-size:15px;line-height:1.8}.login-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:28px}.login-card h2{margin:0 0 8px;color:#fff;font-size:24px}.login-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}@media(max-width:1180px){.dashboard{height:auto}.main-grid,.bottom-panel,.login-shell{grid-template-columns:1fr}.side-stack{grid-template-rows:auto auto}.top-nav{height:auto;min-height:58px;flex-wrap:wrap;gap:10px;padding:12px 14px}.top-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.login-slogan h1{font-size:30px}}