:root{--bg:#f6f1e8;--panel:rgba(255,252,246,0.92);--panel-strong:#fff9ef;--text:#211b14;--muted:#6d6256;--brand:#1d8f6a;--brand-soft:#d7f3e8;--accent:#cf6a32;--border:rgba(33,27,20,0.1);--shadow:0 18px 40px rgba(41,31,15,0.08);--body-bg:radial-gradient(circle at top left,rgba(207,106,50,0.16),transparent 35%),radial-gradient(circle at top right,rgba(29,143,106,0.14),transparent 25%),linear-gradient(180deg,#fbf7ef,#f4ede1);--font-xs:10px;--font-sm:11px;--font-md:12px;--font-lg:13px;--font-xl:14px}body.theme-dark{--bg:#0f141b;--panel:rgba(21,28,38,0.92);--panel-strong:#161d28;--text:#e8edf5;--muted:#9da9ba;--brand:#5bc1a1;--brand-soft:rgba(91,193,161,0.14);--accent:#f0a267;--border:rgba(232,237,245,0.12);--shadow:0 18px 40px rgba(0,0,0,0.32);--body-bg:radial-gradient(circle at top left,rgba(240,162,103,0.12),transparent 35%),radial-gradient(circle at top right,rgba(91,193,161,0.12),transparent 25%),linear-gradient(180deg,#121821,#0a0f16)}body.theme-dark .nav-pill{background:rgba(26,34,46,.96);color:#c8d2df;border-color:rgba(232,237,245,.16)}body.theme-dark .nav-pill.active{border-color:rgba(91,193,161,.32)}body.theme-dark .nav-pill.active,body.theme-dark .profile-switcher-option.active,body.theme-dark .profile-switcher-option:hover{background:rgba(91,193,161,.18);color:#79d7ba}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--body-bg);color:var(--text);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{max-width:1120px;margin:0 auto;padding:4px 6px 6px}.hero-card,.metric-card,.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.hero-card{padding:28px}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:20px;gap:20px}.hero-title{font-size:36px;line-height:1.1;margin:0 0 12px}.hero-subtitle{margin:0;color:var(--muted);line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;cursor:pointer;padding:8px 12px;font-weight:600;font-size:var(--font-sm)}.button-primary{background:var(--brand);color:white}.button-secondary{background:var(--panel-strong);color:var(--text);border:1px solid var(--border)}.metric-stack{display:grid;grid-gap:14px;gap:14px}.metric-card{padding:18px}.metric-label{color:var(--muted);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em}.metric-value{display:block;margin-top:8px;font-size:28px;font-weight:700}.top-nav{display:flex;gap:4px;margin:1px 0 4px;flex-wrap:nowrap;align-items:center;overflow:visible}.profile-switcher-menu{position:relative;display:inline-flex;flex:0 0 auto;margin:0}.profile-switcher-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:96px;padding:4px;display:grid;grid-gap:3px;gap:3px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.profile-switcher-option{border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;padding:5px 8px;font-size:var(--font-sm);cursor:pointer}.profile-switcher-option.active,.profile-switcher-option:hover{background:var(--brand-soft);color:var(--brand)}.nav-pill{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid var(--border);color:var(--muted);font-size:var(--font-sm);white-space:nowrap}.nav-pill.active{background:var(--brand-soft);color:var(--brand);border-color:rgba(29,143,106,.3)}.workbench-grid{display:grid;grid-template-columns:212px minmax(0,1fr);grid-gap:6px;gap:6px}.panel{padding:6px 7px;border-radius:14px}.panel-title{margin:0 0 3px;font-size:var(--font-lg)}.panel-subtitle{margin:-2px 0 6px;color:var(--muted);line-height:1.3;font-size:var(--font-sm)}.pill-list,.tag-list{display:flex;gap:5px;flex-wrap:wrap}.pill,.tag-chip{display:inline-flex;align-items:center;gap:4px;background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 7px;font-size:var(--font-sm);font-weight:600}.reply-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.reply-toolbar.compact{align-items:flex-end;margin-bottom:0}.field{display:grid;grid-gap:4px;gap:4px;font-size:var(--font-sm)}.field input,.field select,.field textarea{width:100%;border-radius:8px;border:1px solid var(--border);background:#fffefb;padding:5px 7px;color:var(--text);font-size:var(--font-sm)}.reply-list{display:grid;grid-gap:6px;gap:6px}.reply-card{border-radius:10px;border:1px solid var(--border);background:var(--panel-strong);padding:8px}.reply-card.compact{padding:9px}.reply-card-header{display:grid;grid-gap:3px;gap:3px}.reply-card h3{margin:0 0 2px;font-size:var(--font-lg)}.reply-card p{margin:0;color:var(--muted);line-height:1.3;font-size:var(--font-sm)}.compact-workbench-replies{gap:1px}.compact-reply-panel{padding-top:1px;padding-bottom:1px}.compact-reply-panel .panel-title{margin-bottom:3px}.compact-reply-panel .notice{margin-bottom:4px}.plain-reply-panel{box-shadow:none;padding-left:0;padding-right:0}.plain-reply-panel,.reply-row-button{background:transparent;border:0;border-radius:0}.reply-row-button{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:4px;gap:4px;align-items:center;width:100%;border-bottom:1px solid var(--border);padding:4px 2px;color:var(--text);text-align:left;cursor:pointer;transition:background-color .15s ease}.reply-row-button:hover:not(:disabled){background:rgba(29,143,106,.08)}.reply-row-button:disabled{opacity:.6;cursor:default}.reply-row-type{color:var(--accent);font-size:var(--font-sm);font-weight:700}.reply-row-type-text{color:#0066ff}.reply-row-type-image{color:#1e008d}.reply-row-type-link{color:#179131}.reply-row-type-miniprogram{color:#a31d1d}.reply-row-type-video{color:#981f83}.reply-row-text{min-width:0;color:var(--text);font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-type{display:inline-flex;align-items:center;justify-content:center;min-width:62px;padding:4px 8px;border-radius:999px;background:rgba(207,106,50,.1);color:var(--accent);font-weight:700;font-size:var(--font-sm)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.08em}.split-panel{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:10px;gap:10px}.split-panel.compact{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.stack-panel{display:grid;grid-gap:6px;gap:6px}.compact-manage{gap:6px}.compact-manage-panel{padding:6px 7px}.compact-manage-panel .panel-title{margin-bottom:3px}.compact-manage-panel .panel-subtitle{margin-bottom:4px}.compact-manage-panel .form-grid.compact,.compact-manage-panel .form-grid.two{gap:5px;margin-bottom:5px}.compact-manage-panel .reply-list{gap:5px}.compact-manage-panel .reply-card.compact{padding:6px}.settings-grid{display:grid;grid-gap:6px;gap:6px}.settings-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto;grid-gap:6px;gap:6px}.settings-row input{width:100%;border-radius:8px;border:1px solid var(--border);background:#fffefb;padding:6px 8px;color:var(--text);font-size:var(--font-sm)}.compact-actions{margin-top:8px}.form-grid{display:grid;grid-gap:6px;gap:6px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.compact{gap:6px;margin-bottom:6px}.notice{padding:6px 8px;border-radius:10px;background:rgba(29,143,106,.08);color:var(--brand);font-size:var(--font-sm)}.compact-block{display:grid;grid-gap:5px;gap:5px;margin:6px 0 8px}.error{padding:14px 16px;border-radius:16px;background:rgba(181,51,51,.1);color:#9b2c2c}.empty-state{padding:28px;border:1px dashed var(--border);border-radius:20px;text-align:center;color:var(--muted)}.toolbar-actions{display:flex;align-items:flex-end}.panel-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.reply-card-toolbar{justify-content:flex-start;gap:8px;white-space:nowrap;overflow:hidden}.reply-card-header-actions,.reply-card-toolbar{display:flex;align-items:center;flex-wrap:nowrap}.reply-card-header-actions{justify-content:flex-end;gap:6px;min-width:max-content}.grow-right{margin-left:auto}.reply-card-detail{display:block;min-width:0}.reply-status-badge{border-radius:999px;background:rgba(29,143,106,.12);border:1px solid rgba(29,143,106,.18);color:var(--brand);white-space:nowrap}.reply-status-badge,.reply-type-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:var(--font-sm);font-weight:700}.reply-type-badge{border-radius:999px;background:rgba(207,106,50,.1);border:1px solid rgba(207,106,50,.16)}.compact-action-list{gap:4px;justify-content:flex-end;flex-wrap:nowrap}.compact-inline-button{padding:2px 7px;min-height:22px;font-size:var(--font-sm);white-space:nowrap}.expiry-inline{color:#c23232}.tag-toggle{padding:4px 8px;font-size:var(--font-sm);transition:transform .15s ease,opacity .15s ease}.tag-toggle.is-busy{opacity:.78;transform:scale(.98)}.manage-card{cursor:-webkit-grab;cursor:grab}.manage-card.dragging{opacity:.6;transform:scale(.98)}.customer-panel{display:grid;grid-gap:4px;gap:4px;min-height:50px}.customer-name{margin-bottom:0;font-size:var(--font-xl);line-height:1.2}.meta-line{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.inline-label{font-size:var(--font-xs)}.compact-tags{gap:4px}.inline-tag-panel{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.inline-panel-title{margin:0}.workbench-grid>div{min-width:0}.workbench-grid>div:first-child{display:grid;align-content:start;grid-gap:6px;gap:6px}.reply-type-inline{display:inline-flex;align-items:center;margin-right:6px;color:var(--accent);font-size:var(--font-sm);font-weight:700}@media (max-width:768px){.split-panel,.split-panel.compact,.workbench-grid{grid-template-columns:1fr}.reply-card-toolbar{align-items:center}}@media (max-width:960px){.hero-grid,.split-panel,.workbench-grid{grid-template-columns:1fr}.page-shell{padding:2px}.hero-title{font-size:28px}}