:root{color-scheme:dark;--bg:#07110f;--sidebar:#081613;--panel:#0c1b18;--panel-2:#10231e;--line:rgba(154,188,176,.13);--line-strong:rgba(154,188,176,.24);--text:#f2f7f4;--muted:#8fa49d;--green:#55ed8b;--orange:#ffb26b;--shadow:0 24px 64px rgba(0,0,0,.32);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-family:"Noto Sans TC",sans-serif;color:var(--text);background:radial-gradient(circle at 72% -10%,rgba(40,218,116,.09),transparent 28rem),linear-gradient(145deg,#07110f 0%,#091512 50%,#06100e 100%);font-size:16px}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:rgba(6,18,15,.9);backdrop-filter:blur(18px);z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px;font:700 19px/1 "DM Sans",sans-serif;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#062012;background:var(--green);border-radius:10px 10px 10px 3px;font-size:17px;box-shadow:0 0 28px rgba(85,237,139,.22)}.nav-list{display:grid;gap:6px}.nav-item{width:100%;height:46px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.2s ease}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.035)}.nav-item.active{color:var(--text);background:rgba(85,237,139,.11);box-shadow:inset 2px 0 var(--green)}.nav-symbol{font:600 18px/1 "DM Sans",sans-serif;color:#a8b7b2}.active .nav-symbol{color:var(--green)}.nav-count{min-width:22px;padding:2px 6px;border-radius:999px;background:var(--green);color:#082314;font-size:12px;font-weight:700;text-align:center}.sidebar-bottom{margin-top:auto}.capacity-card{margin:0 2px 20px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.capacity-head{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.capacity-head strong{color:var(--text)}.progress-track{height:5px;margin:12px 0;overflow:hidden;background:#1c302b;border-radius:999px}.progress-track span{display:block;height:100%;background:var(--green);border-radius:inherit;box-shadow:0 0 12px var(--green)}.capacity-card p{margin:0;color:#6f857d;font-size:11px;line-height:1.6}.operator{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:15px 8px 0;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:12px;font-weight:700}.avatar-admin{color:#10251d;background:#c4dbc9}.operator strong,.operator small{display:block}.operator strong{font-size:13px}.operator small{margin-top:2px;color:var(--muted);font-size:11px}.online-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(85,237,139,.09)}
.workspace{min-width:0;padding:24px 28px 30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--green);font:700 10px/1.3 "DM Sans",sans-serif;letter-spacing:.16em}h1{margin:0;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.04em}.top-actions{display:flex;align-items:center;gap:10px}.system-state{display:flex;align-items:center;gap:8px;margin-right:6px;color:#a8bbb5;font-size:13px}.system-state span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(85,237,139,.08),0 0 15px rgba(85,237,139,.5)}.icon-button,.primary-button,.secondary-button{border:0;cursor:pointer}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--muted);font-size:20px}.icon-button:hover{border-color:var(--line-strong);color:var(--text);transform:rotate(15deg)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:11px;background:var(--green);color:#062314;font-weight:700;box-shadow:0 8px 24px rgba(38,205,108,.12)}.primary-button:hover{background:#6ff39b;transform:translateY(-1px)}.secondary-button{min-height:42px;padding:0 16px;border:1px solid var(--line-strong);border-radius:11px;background:transparent}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.metric-card{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(17,36,31,.9),rgba(10,26,22,.9));box-shadow:0 12px 30px rgba(0,0,0,.08)}.metric-card>div{display:flex;align-items:center;gap:8px}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.045);color:var(--green);font:700 14px "DM Sans",sans-serif}.metric-label{color:#98aba5;font-size:13px}.metric-card strong{display:block;margin:12px 0 2px;font:700 clamp(22px,2vw,28px)/1 "DM Sans",sans-serif;letter-spacing:-.04em}.metric-card em{margin-left:2px;font-size:14px;color:var(--muted);font-style:normal}.metric-card small{color:#71857e;font-size:11px}.metric-card small b{margin-right:4px;color:var(--green)}.status-pin{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}
.console-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(410px,1.55fr) minmax(230px,.82fr);min-height:640px;max-height:calc(100vh - 214px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(9,25,21,.72);box-shadow:var(--shadow)}.inbox-panel,.context-panel{min-width:0;background:rgba(9,24,20,.72)}.inbox-panel{display:flex;flex-direction:column;border-right:1px solid var(--line)}.context-panel{overflow-y:auto;border-left:1px solid var(--line)}.panel-heading{padding:18px 16px 10px}.panel-heading,.panel-heading>div{display:flex;justify-content:space-between;align-items:center;gap:8px}h2{margin:0;font-size:15px;letter-spacing:-.02em}.live-label{color:var(--muted);font-size:10px}.live-label i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%}.filter-button{padding:0;border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.search-box{display:flex;align-items:center;gap:8px;height:38px;margin:2px 14px 10px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(4,14,11,.55);color:#667c75}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-box input::placeholder{color:#60736d}.group-list{flex:1;overflow-y:auto}.group-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px 14px;border:0;border-left:2px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:.16s ease}.group-item:hover{background:rgba(255,255,255,.025)}.group-item.active{border-left-color:var(--green);background:rgba(85,237,139,.055)}.group-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;overflow:hidden;border-radius:12px;color:white;font-size:10px;font-weight:700;text-align:center}.warehouse{background:linear-gradient(145deg,#355f50,#173c30)}.service{background:linear-gradient(145deg,#3d647b,#193b50)}.logistics{background:linear-gradient(145deg,#765033,#4a2c1c)}.vip{background:linear-gradient(145deg,#725b91,#3a2855)}.newgroup{background:linear-gradient(145deg,#626f6a,#313e3a)}.group-copy{min-width:0}.group-copy strong,.group-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-copy strong{margin-bottom:4px;font-size:13px}.group-copy small{color:#71857e;font-size:11px}.group-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;color:#687b75;font-size:9px}.unread{display:grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--green);color:#092315;font:700 9px "DM Sans",sans-serif}.view-all{height:42px;margin:4px 14px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);color:var(--muted);font-size:11px;cursor:pointer}.view-all span{margin-left:4px;color:var(--green)}
.chat-panel{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:rgba(7,20,17,.86)}.chat-header{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}.chat-title{min-width:0;flex:1}.chat-title h2{font-size:14px}.chat-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.chat-title p i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--green)}.more-button,.mobile-back{border:0;background:transparent;color:var(--muted);cursor:pointer}.mobile-back{display:none;font-size:26px}.route-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:rgba(85,237,139,.025);color:#70847d;font-size:10px}.route-strip strong{color:#a9bbb5}.route-strip b{margin-left:8px;padding:2px 7px;border:1px solid rgba(85,237,139,.18);border-radius:999px;color:var(--green);font-size:9px}.route-arrow{color:var(--green)}.message-stream{overflow-y:auto;padding:20px 20px 10px;scroll-behavior:smooth}.date-separator{display:flex;align-items:center;gap:10px;margin:2px 0 18px;color:#63766f;font-size:9px}.date-separator::before,.date-separator::after{content:"";flex:1;height:1px;background:var(--line)}.message-row{display:flex;gap:9px;align-items:flex-end;margin:0 0 16px}.message-row.outbound{flex-direction:row-reverse}.sender-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#294339;color:#c8ddd4;font-size:9px;font-weight:700}.message-stack{max-width:76%}.sender-name{display:flex;align-items:center;gap:6px;margin:0 0 5px;color:#92a49e;font-size:10px}.outbound .sender-name{justify-content:flex-end}.source-chip{padding:2px 5px;border-radius:4px;background:rgba(85,237,139,.09);color:var(--green);font-size:8px}.message-bubble{padding:10px 12px;border:1px solid var(--line);border-radius:4px 14px 14px 14px;background:#122721;color:#e4ece8;font-size:12px;line-height:1.65}.outbound .message-bubble{border-color:rgba(85,237,139,.16);border-radius:14px 4px 14px 14px;background:#17452e}.message-time{margin:4px 2px 0;color:#5d716a;font-size:8px}.outbound .message-time{text-align:right}.delivery{color:var(--green)}.composer{padding:12px 16px 10px;border-top:1px solid var(--line);background:rgba(8,23,19,.98)}.reply-target{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#6d817a;font-size:10px}.reply-target button{border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.reply-target b{margin-right:4px;color:var(--green)}.quick-replies{display:flex;gap:6px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none}.quick-replies button{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:transparent;color:#81948e;font-size:9px;cursor:pointer}.quick-replies button:hover{border-color:rgba(85,237,139,.3);color:var(--green)}.compose-row{display:grid;grid-template-columns:32px 1fr auto;align-items:end;gap:8px;padding:7px;border:1px solid var(--line-strong);border-radius:12px;background:#091a16}.attach-button{width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer}.compose-row textarea{resize:none;max-height:92px;padding:7px 2px 4px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;line-height:1.5}.compose-row textarea::placeholder{color:#546861}.send-button{display:flex;align-items:center;gap:6px;height:32px;padding:0 11px;border:0;border-radius:8px;background:var(--green);color:#082415;font-size:10px;font-weight:700;cursor:pointer}.send-button b{font-size:11px}.composer-hint{margin:5px 2px 0;color:#52665f;font-size:8px;text-align:right}
.context-section{padding:18px 17px;border-bottom:1px solid var(--line)}.context-heading{display:flex;justify-content:space-between;align-items:center}.ok-badge{padding:3px 7px;border-radius:999px;background:rgba(85,237,139,.09);color:var(--green);font-size:9px}.relay-visual{display:flex;align-items:center;justify-content:center;margin:21px 0}.relay-node{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:11px;background:#142a24;font:700 8px "DM Sans",sans-serif}.relay-node.center{background:var(--green);color:#082415;font-size:13px;box-shadow:0 0 22px rgba(85,237,139,.18)}.relay-line{position:relative;width:32px;height:1px;background:rgba(85,237,139,.26)}.relay-line i{position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--green);animation:relayPulse 1.8s infinite linear}.relay-line:nth-of-type(4) i{animation-delay:.8s}@keyframes relayPulse{from{left:0;opacity:0}30%{opacity:1}to{left:calc(100% - 5px);opacity:0}}.status-list{margin:0}.status-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;color:var(--muted);font-size:10px}.status-list div+div{border-top:1px solid rgba(154,188,176,.08)}.status-list dd{margin:0;color:#c2d0cb;text-align:right}.select-label{display:grid;gap:7px;margin-top:14px;color:var(--muted);font-size:10px}select,.dialog-card input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:9px;outline:0;background:#0a1a16;color:#d6e0dc;font-size:11px}select:focus,.dialog-card input:focus{border-color:rgba(85,237,139,.45)}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;cursor:pointer}.switch-row span b,.switch-row span small{display:block}.switch-row b{font-size:11px}.switch-row small{margin-top:3px;color:#667a73;font-size:9px}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-row i{position:relative;width:34px;height:19px;flex:0 0 auto;border-radius:999px;background:#243730;transition:.2s}.switch-row i::after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#84958f;transition:.2s}.switch-row input:checked+i{background:var(--green)}.switch-row input:checked+i::after{left:18px;background:#0a2a19}.activity-list{list-style:none;margin:15px 0 0;padding:0}.activity-list li{display:grid;grid-template-columns:8px 1fr;gap:9px;padding:0 0 16px}.activity-list li i{width:6px;height:6px;margin-top:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(85,237,139,.06)}.activity-list li:not(:last-child) i::after{content:"";display:block;width:1px;height:29px;margin:8px 0 0 2px;background:var(--line)}.activity-list b,.activity-list small{display:block}.activity-list b{font-size:10px}.activity-list small{margin-top:3px;color:#687b75;font-size:9px}
dialog{width:min(460px,calc(100% - 28px));padding:0;border:1px solid var(--line-strong);border-radius:18px;background:#0b1d18;color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(1,8,6,.74);backdrop-filter:blur(5px)}.dialog-card{position:relative;padding:28px}.dialog-card h2{margin:6px 0 8px;font-size:22px}.dialog-card>p:not(.eyebrow){margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.7}.dialog-card label{display:grid;gap:7px;margin:13px 0;color:#a6b7b1;font-size:11px}.dialog-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.dialog-card menu{display:flex;justify-content:flex-end;gap:8px;margin:22px 0 0;padding:0}.toast{position:fixed;left:50%;bottom:24px;z-index:20;transform:translate(-50%,18px);padding:10px 14px;border:1px solid rgba(85,237,139,.25);border-radius:10px;background:#17372c;color:#dff9e8;font-size:12px;opacity:0;pointer-events:none;transition:.25s ease;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(139,167,157,.16)}
@media(max-width:1180px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{justify-content:center;padding-inline:0}.brand>span:last-child,.nav-item>span:nth-child(2),.nav-count,.capacity-card,.operator>span:not(.avatar){display:none}.nav-item{grid-template-columns:1fr;place-items:center;padding:0}.operator{display:flex;justify-content:center;padding-inline:0}.console-grid{grid-template-columns:minmax(210px,.78fr) minmax(390px,1.4fr) minmax(220px,.78fr)}}
@media(max-width:920px){.workspace{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.console-grid{max-height:none;min-height:660px;grid-template-columns:240px minmax(0,1fr)}.context-panel{display:none}}
@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;top:auto;right:10px;bottom:10px;left:10px;width:auto;height:60px;flex-direction:row;padding:7px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(7,20,17,.94);box-shadow:var(--shadow)}.brand,.sidebar-bottom{display:none}.nav-list{width:100%;grid-template-columns:repeat(4,1fr);gap:3px}.nav-item{height:44px;border-radius:10px;border-left:0}.nav-item.active{box-shadow:inset 0 -2px var(--green)}.workspace{padding:16px 12px 86px}.topbar{align-items:flex-start}.system-state,.icon-button,.primary-button span{display:none}.primary-button{width:42px;padding:0;font-size:0}.primary-button::after{content:"＋";font-size:19px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{padding:13px}.metric-card strong{font-size:22px}.console-grid{position:relative;display:block;min-height:680px;border-radius:14px}.inbox-panel{min-height:680px;border-right:0}.chat-panel{position:absolute;inset:0;display:none}.console-grid.chat-open .inbox-panel{display:none}.console-grid.chat-open .chat-panel{display:grid}.mobile-back{display:block}.chat-header{padding-left:10px}.message-stream{padding-inline:14px}.message-stack{max-width:84%}}