:root{color:#d8e4df;background:#11181d;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #11181d;--surface: #182126;--surface-2: #202b31;--line: #304047;--muted: #8d9c99;--text: #d8e4df;--accent: #8ccfb8;--accent-strong: #3aa17e;--warning: #e4bc69;--danger: #ef8e82;--purple: #b69ce6}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#26353a 0,var(--bg) 42%);color:var(--text)}button,textarea,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p,dl,dd,dt{margin:0}h1{font-size:22px;line-height:1.15}h2{font-size:27px;line-height:1.15}h3{font-size:16px;line-height:1.25}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:18px 16px calc(104px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:12px;min-height:52px;margin-bottom:22px}.topbar-title{flex:1;min-width:0}.topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-status{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;color:var(--accent);font-size:12px;white-space:nowrap}.topbar-status small{grid-column:1 / -1;color:var(--muted);font-size:10px;text-align:right}.eyebrow{color:#b4a37f;font-size:10px;font-weight:800;letter-spacing:1.45px;line-height:1.3}.subtle,.helper{color:var(--muted);font-size:12px;line-height:1.5}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot.connected{background:#5dd49f;box-shadow:0 0 0 3px #5dd49f24}.status-dot.reconnecting{background:var(--warning)}.status-dot.offline{background:#697673}.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:20px;line-height:1}.menu-button{font-size:17px}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700;line-height:1.1;transition:background .15s ease,border-color .15s ease}.button.primary{border-color:var(--accent-strong);background:var(--accent-strong);color:#07150f}.button.secondary{border-color:var(--line);background:var(--surface-2);color:var(--text)}.button.ghost{border-color:var(--line);background:transparent;color:var(--accent)}.button.danger-button{border-color:#75413f;background:transparent;color:var(--danger)}.button.locked{display:grid;gap:3px;border-color:#4c445b;background:#292631;color:#b2a4c6}.button.locked small{color:var(--muted);font-size:10px;font-weight:500}.text-button{border:0;padding:3px;background:transparent;color:var(--accent);font-size:12px}.offline-banner,.queue-banner{display:grid;gap:2px;margin:-8px 0 12px;padding:10px 12px;border:1px solid #5e5036;border-radius:9px;background:#29251d;color:var(--warning);font-size:12px}.offline-banner small,.queue-banner span{color:#b0a385;font-size:11px}.queue-banner{margin-top:0;border-color:#395d53;background:#1d302d;color:var(--accent)}.page-content{display:grid;gap:12px}.welcome-row,.section-heading,.card-heading,.card-meta,.detail-summary,.page-header,.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.welcome-row{align-items:flex-end;padding:4px 2px 2px}.welcome-row>div{min-width:0}.welcome-row h2{margin-top:5px}.welcome-row .subtle{margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.metric{display:grid;gap:6px;min-height:82px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#182126e6}.metric span,.metric small{color:var(--muted);font-size:11px}.metric strong{font-size:20px;color:var(--text)}.panel{padding:14px;border:1px solid var(--line);border-radius:12px;background:#182126ed}.section-heading{margin-bottom:11px}.section-heading>div{min-width:0}.section-heading h3{margin-top:3px}.list-stack{display:grid;gap:9px}.entity-card,.task-card{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left}.entity-card{display:flex;align-items:center;gap:11px;min-height:66px;padding:11px 12px}.entity-card:hover,.task-card:hover{border-color:#52786d;background:var(--surface-2)}.entity-icon{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid #3c5552;border-radius:8px;color:var(--accent);font-size:19px}.entity-main{display:grid;flex:1;gap:5px;min-width:0}.entity-main strong,.entity-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-main strong{font-size:13px}.entity-main small,.entity-side{color:var(--muted);font-size:11px}.entity-side{display:grid;gap:4px;flex:0 0 auto;text-align:right}.chevron{color:var(--accent);font-size:18px;line-height:.7}.task-card{display:grid;gap:9px;padding:12px}.task-card .card-heading>div,.approval-card .card-heading>div{display:grid;gap:5px;min-width:0}.task-card strong,.approval-card strong{overflow-wrap:anywhere;font-size:13px}.task-card small{color:var(--muted);font-size:11px}.card-meta{color:var(--muted);font-size:10px}.progress-track{height:6px;overflow:hidden;border-radius:99px;background:#2b383d}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--accent-strong)}.state-chip,.risk-chip{display:inline-flex;flex:0 0 auto;align-items:center;border:1px solid currentColor;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;white-space:nowrap}.state-chip.success{color:#69d5a5;background:#2a6f552e}.state-chip.warning{color:var(--warning);background:#99702326}.state-chip.danger{color:var(--danger);background:#8f383229}.state-chip.purple{color:var(--purple);background:#694c8c29}.state-chip.muted{color:#9aa7a3;background:#72807b1f}.risk-chip.high{color:var(--danger);background:#8f383229}.risk-chip.medium{color:var(--warning);background:#99702326}.risk-chip.low{color:var(--accent);background:#2a6f552e}.approval-card{display:grid;gap:10px;margin-top:9px;padding:12px;border:1px solid #655238;border-radius:10px;background:#24231f}.approval-card:first-of-type{margin-top:0}.approval-card.resolved{border-color:var(--line);background:#1b2428;opacity:.7}.payload-summary{overflow-wrap:anywhere;color:#c0cbc6;font:11px/1.55 Cascadia Code,Consolas,monospace}.approval-actions{display:flex;justify-content:flex-end;gap:8px}.approval-locked{padding-top:9px;border-top:1px solid #594736;color:var(--danger);font-size:11px}.empty-state{padding:16px 5px;color:var(--muted);font-size:12px;text-align:center}.page-header{justify-content:flex-start;min-height:53px}.page-header>div{min-width:0}.page-header h2{margin-top:4px;overflow-wrap:anywhere}.page-header .subtle{margin-top:4px}.detail-summary{justify-content:flex-start;margin-bottom:12px}.current-step{margin-top:9px;color:var(--muted);font-size:12px}.steps-list{display:grid;gap:8px}.step-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #29363b}.step-row:first-child{border-top:0}.step-index{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:11px}.step-row>span:last-child{display:grid;gap:3px;min-width:0}.step-row strong{overflow-wrap:anywhere;font-size:12px}.step-row small{color:var(--muted);font-size:10px}.action-panel{display:flex;flex-wrap:wrap;gap:8px}.message-list{display:grid;gap:12px}.message{display:grid;grid-template-columns:42px 1fr;gap:9px}.message-role{color:var(--muted);font-size:11px}.message>div{display:grid;gap:6px;min-width:0}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.message.assistant p{color:#c2d5ce}.message small{color:var(--muted);font-size:10px}.activity-list{display:grid;gap:5px;padding:8px 10px;border-left:2px solid #45645c;background:#17221f;color:#9dc1b3;font:10px/1.5 Cascadia Code,Consolas,monospace}.settings-card{display:grid;gap:14px}.detail-list{display:grid;grid-template-columns:86px 1fr;gap:10px;font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{overflow-wrap:anywhere;color:var(--text)}.placeholder-icon{margin-bottom:12px;color:var(--accent);font-size:28px}.composer-dock{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;gap:8px;width:min(100%,760px);margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#11181df5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composer-dock textarea{flex:1;min-height:39px;max-height:96px;resize:none;overflow-y:auto;border:1px solid var(--line);border-radius:9px;padding:10px 11px;outline:0;background:var(--surface);color:var(--text);font-size:13px}.composer-dock textarea:focus{border-color:#659c8b}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#0000008c}.drawer{position:relative;display:grid;align-content:start;gap:14px;width:min(82vw,315px);height:100%;padding:20px 14px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;border-right:1px solid var(--line);background:#151e23;box-shadow:14px 0 35px #00000047}.drawer-head{align-items:flex-start}.brand-lockup{display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:27px;height:27px;border:1px solid #6ba88f;border-radius:8px;color:var(--accent);font-weight:900}.brand-lockup strong{font-size:13px}.drawer-meta{padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px}.drawer-meta .status-dot{margin-right:6px}.drawer-nav{display:grid;gap:3px}.nav-section{margin:13px 9px 5px;color:#b4a37f;font-size:10px;font-weight:800;letter-spacing:1.2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border:0;border-radius:8px;padding:8px 9px;background:transparent;color:var(--muted);text-align:left;font-size:13px}.nav-item:hover,.nav-item.active{background:#243238;color:var(--text)}.nav-item.active{box-shadow:inset 2px 0 0 var(--accent)}.nav-icon{display:inline-grid;place-items:center;width:20px;color:var(--accent);font-size:16px}.nav-badge{margin-left:auto;border-radius:99px;padding:2px 6px;background:#2e3a3e;color:#aebbb7;font-size:10px}.nav-badge.green{color:#72d7ab;background:#1d4437}.nav-badge.yellow{color:var(--warning);background:#493a22}.toast{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));left:16px;z-index:50;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;transform:translateY(14px);opacity:0;pointer-events:none;border:1px solid #52635f;border-radius:9px;padding:10px 13px;background:#253238;color:var(--text);font-size:12px;transition:opacity .15s ease,transform .15s ease}.toast.visible{transform:translateY(0);opacity:1}.login-shell{display:grid;place-items:center;min-height:100vh;padding:20px}.login-panel{width:min(100%,440px);padding:20px;border:1px solid var(--line);border-radius:14px;background:#182126f5}.login-panel h1{margin-top:3px}.scanner-stage{position:relative;display:grid;place-items:center;min-height:300px;margin-top:20px;overflow:hidden;border:1px solid #40565a;border-radius:12px;background:#0c1114}.scanner-stage video{width:100%;min-height:300px;object-fit:cover}.scanner-stage.active:after{position:absolute;right:0;bottom:12px;left:0;color:#ebf7f1d1;content:"请将二维码放入框内";font-size:11px;text-align:center}.scanner-placeholder{display:grid;justify-items:center;gap:10px;color:var(--muted)}.scanner-placeholder strong{color:var(--text);font-size:14px}.scanner-placeholder small{font-size:11px}.scan-glyph{color:var(--accent);font-size:45px;line-height:1}.scanner-frame{position:absolute;width:min(64vw,220px);aspect-ratio:1;border:2px solid rgba(126,226,183,.85);border-radius:12px;box-shadow:0 0 0 999px #00000047,0 0 24px #5fd5a42e;animation:scanner-pulse 2.2s ease-in-out infinite}.scanner-frame:before{position:absolute;right:9px;left:9px;height:2px;border-radius:99px;background:var(--accent);box-shadow:0 0 9px var(--accent);content:"";animation:scanner-line 2.2s ease-in-out infinite}.scanner-frame:after{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(214,245,231,.25);border-radius:7px;content:""}.scanner-success{display:grid;justify-items:center;gap:9px;color:var(--text);animation:scanner-success-in .18s ease-out both}.scanner-success small{color:var(--muted);font-size:11px}.success-check{display:grid;width:54px;height:54px;place-items:center;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-size:31px;line-height:1;box-shadow:0 0 0 8px #5fd5a417,0 0 26px #5fd5a447;animation:scanner-success-pulse .8s ease-out both}@keyframes scanner-line{0%,to{top:10%;opacity:.55}50%{top:88%;opacity:1}}@keyframes scanner-pulse{0%,to{border-color:#7ee2b7a6}50%{border-color:#7ee2b7;box-shadow:0 0 0 999px #00000047,0 0 30px #5fd5a44d}}@keyframes scanner-success-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scanner-success-pulse{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.scanner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.helper{margin-top:10px}.error-line{margin-top:10px;color:var(--danger);font-size:12px;line-height:1.5}@media(max-width:520px){.app-shell{padding-right:12px;padding-left:12px}.topbar-status small{display:none}.metric{padding:11px 10px}.metric strong{font-size:18px}.panel{padding:12px}.welcome-row{align-items:flex-start}.welcome-row .button{padding:9px 10px}.entity-side{max-width:75px}.composer-dock{padding-right:12px;padding-left:12px}}