.order-timeline{margin-top:10px;padding:12px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color)}.timeline-track{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 4px}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.timeline-node{width:32px;height:32px;border-radius:50%;background:var(--bg-hover);border:2px solid var(--border-input);display:flex;align-items:center;justify-content:center;z-index:1;transition:all .3s}.timeline-node.completed{background:#d1fae5;border-color:var(--green)}.timeline-node.current{border-color:var(--accent);background:#dbeafe;transform:scale(1.15);box-shadow:0 0 8px var(--accent-shadow)}.timeline-node.return{background:#fee2e2;border-color:var(--red);box-shadow:0 0 8px #ef44444d}[data-theme=dark] .timeline-node.completed{background:#064e3b}[data-theme=dark] .timeline-node.current{background:#1e3a5f}[data-theme=dark] .timeline-node.return{background:#7f1d1d}.timeline-icon{font-size:14px}.timeline-label{font-size:10px;color:var(--text-secondary);margin-top:6px;text-align:center;max-width:60px}.timeline-label.current{color:var(--accent);font-weight:600}.timeline-connector{position:absolute;top:15px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:var(--border-input);z-index:0}.timeline-connector.completed{background:var(--green)}.timeline-stuck{margin-top:8px;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:6px;font-size:11px;text-align:center}[data-theme=dark] .timeline-stuck{background:#78350f;color:#fcd34d}.timeline-dates{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;color:var(--text-secondary)}.chat-fab{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:28px;cursor:pointer;box-shadow:0 4px 16px var(--accent-shadow);display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s,background .2s}.chat-fab:hover{transform:scale(1.08);background:var(--accent-hover)}.chat-window{position:fixed;bottom:96px;right:24px;width:380px;height:520px;background:var(--bg-card);border-radius:16px;box-shadow:0 8px 32px var(--shadow-window);display:flex;flex-direction:column;overflow:hidden;z-index:999;animation:slideUp .25s ease-out;transition:opacity .2s,transform .2s}.chat-window.closed{opacity:0;transform:translateY(16px);pointer-events:none}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:var(--accent);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:10px}.chat-header-avatar{font-size:24px}.chat-header-title{font-weight:600;font-size:15px}.chat-header-status{font-size:12px;opacity:.85}.chat-header-actions{display:flex;align-items:center;gap:4px}.chat-theme-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px;opacity:.85;transition:opacity .15s,transform .2s;border-radius:6px}.chat-theme-btn:hover{opacity:1;transform:scale(1.15)}.chat-close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px;opacity:.8;transition:opacity .15s}.chat-close-btn:hover{opacity:1}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg-chat-messages)}.chat-bubble{max-width:82%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.chat-bubble.agent{align-self:flex-start;background:var(--bg-bubble-agent);color:var(--text-bubble-agent);border-bottom-left-radius:4px}.chat-bubble.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-msg-time{display:block;font-size:.65rem;color:var(--text-secondary, #999);margin-top:2px;padding:0 4px}.chat-msg-wrapper.user .chat-msg-time{text-align:right}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 18px}.typing-indicator .dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:bounce 1.2s infinite ease-in-out}.typing-indicator .dot:nth-child(2){animation-delay:.15s}.typing-indicator .dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chat-input-area{padding:12px;border-top:1px solid var(--border-color);display:flex;gap:8px;background:var(--bg-input)}.chat-input{flex:1;padding:10px 14px;border:1px solid var(--border-input);border-radius:24px;font-size:14px;outline:none;transition:border-color .15s;background:var(--bg-card);color:var(--text-primary)}.chat-input:focus{border-color:var(--accent)}.chat-input:disabled{background:var(--bg-hover)}.chat-send-btn{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover)}.chat-send-btn:disabled{background:var(--text-secondary);cursor:not-allowed}.chat-msg-wrapper{display:flex;flex-direction:column}.chat-msg-wrapper.user{align-items:flex-end}.chat-msg-wrapper.agent{align-items:flex-start}.analytics-actions{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.analytics-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--btn-analytics-border);background:var(--btn-analytics-bg);color:var(--btn-analytics-color);text-decoration:none;transition:all .15s}.analytics-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.analytics-btn.csv{border-left:3px solid var(--green)}.analytics-btn.pdf{border-left:3px solid var(--red)}.analytics-btn.dashboard{border-left:3px solid var(--accent)}@media(max-width:440px){.chat-window{width:calc(100vw - 16px);right:8px;bottom:88px;height:70vh}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg-primary, #f0f2f5)}.login-card{width:100%;max-width:380px;padding:28px;border-radius:14px;background:var(--bg-card, #fff);border:1px solid var(--border-color, #e5e7eb);box-shadow:0 4px 24px #0000000f}.login-card h1{margin:0 0 4px;font-size:24px}.login-sub{margin:0 0 18px;color:var(--text-secondary, #6b7280);font-size:13px}.login-tabs{display:flex;gap:4px;margin-bottom:18px;padding:3px;border-radius:8px;background:var(--bg-hover, #f3f4f6)}.login-tabs button{flex:1;padding:7px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #6b7280);font-size:13px;font-weight:600;cursor:pointer}.login-tabs button.active{background:var(--bg-card, #fff);color:var(--text-primary, #1a1a2e);box-shadow:0 1px 3px #00000014}.login-card label{display:block;margin-bottom:12px;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280)}.login-card input,.login-card select{width:100%;margin-top:5px;padding:9px 11px;border:1px solid var(--border-input, #d1d5db);border-radius:8px;background:var(--bg-input, #fff);color:var(--text-primary, #1a1a2e);font-size:14px;font-weight:400}.login-submit{width:100%;margin-top:6px;padding:10px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.login-submit:disabled{opacity:.6;cursor:default}.login-error{margin-bottom:12px;padding:8px 10px;border-radius:8px;background:#ef44441a;color:#b91c1c;font-size:13px}.login-note{margin:14px 0 0;color:var(--text-secondary, #6b7280);font-size:12px;line-height:1.5}.login-keybox{margin:16px 0;padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:10px;background:var(--bg-hover, #f9fafb)}.login-keylabel{display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary, #6b7280)}.login-key{display:block;margin-bottom:8px;padding:8px;border-radius:6px;background:var(--bg-card, #fff);font-family:ui-monospace,monospace;font-size:12px;word-break:break-all}.login-copy{padding:5px 12px;border:1px solid #4f46e5;border-radius:6px;background:transparent;color:#4f46e5;font-size:12px;font-weight:600;cursor:pointer}.filters-bar{background:var(--bg-card);border-radius:12px;padding:12px 16px;margin-bottom:20px;box-shadow:0 1px 3px var(--shadow-card)}.filters-top{display:flex;align-items:center;justify-content:space-between}.filters-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;padding:4px 0}.filter-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px}.filter-arrow{font-size:10px;color:var(--text-secondary)}.filters-clear{background:none;border:none;color:var(--red);font-size:13px;cursor:pointer;font-weight:500}.filters-clear:hover{text-decoration:underline}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color)}.filter-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.filter-group select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-size:13px;cursor:pointer;outline:none;transition:border-color .15s}.filter-group select:focus{border-color:var(--accent)}@media(max-width:768px){.filters-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.filters-grid{grid-template-columns:1fr}}.notif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1001;display:flex;justify-content:flex-end}.notif-panel{width:400px;max-width:100vw;height:100vh;background:var(--bg-card);box-shadow:-4px 0 24px var(--shadow-window);display:flex;flex-direction:column;animation:slideIn .25s ease-out}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.notif-header h3{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.notif-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px}.notif-close:hover{color:var(--text-primary)}.notif-loading{padding:40px;text-align:center;color:var(--text-secondary)}.notif-summary{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color)}.notif-stat{flex:1;text-align:center;padding:10px;border-radius:10px;background:var(--bg-hover)}.notif-stat.high{border-left:3px solid #ef4444}.notif-stat.medium{border-left:3px solid #f59e0b}.notif-stat.total{border-left:3px solid var(--accent)}.notif-stat-num{display:block;font-size:22px;font-weight:700;color:var(--text-primary)}.notif-stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.notif-filters{display:flex;gap:6px;padding:12px 20px;border-bottom:1px solid var(--border-color);overflow-x:auto}.notif-filter-btn{padding:6px 12px;border-radius:20px;border:1px solid var(--border-input);background:var(--bg-card);color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s}.notif-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.notif-filter-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.notif-list{flex:1;overflow-y:auto;padding:8px 12px}.notif-empty{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.notif-item{display:flex;gap:10px;padding:12px;border-radius:10px;margin-bottom:6px;background:var(--bg-hover);border-left:3px solid var(--border-color);transition:background .15s}.notif-item.high{border-left-color:#ef4444}.notif-item.medium{border-left-color:#f59e0b}.notif-item:hover{background:var(--bg-card);box-shadow:0 1px 4px var(--shadow-card)}.notif-item-icon{font-size:20px;flex-shrink:0;margin-top:2px}.notif-item-content{flex:1;min-width:0}.notif-item-msg{font-size:13px;color:var(--text-primary);font-weight:500;line-height:1.4}.notif-item-meta{font-size:11px;color:var(--text-secondary);margin-top:4px}@media(max-width:440px){.notif-panel{width:100vw}}.dashboard{max-width:1200px;margin:0 auto;padding:24px 24px 100px}.dash-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.dash-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.dash-header p{color:var(--text-secondary);margin:0;font-size:14px}.dash-header-actions{display:flex;align-items:center;gap:8px}.dash-alert-btn{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;font-size:18px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.dash-alert-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.dash-theme-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;font-size:18px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.dash-theme-btn:hover{background:var(--bg-hover);transform:scale(1.05)}.dash-loading,.dash-error{display:flex;align-items:center;justify-content:center;height:60vh;font-size:18px;color:var(--text-secondary)}.dash-error{color:var(--red)}.dash-loading-overlay{text-align:center;padding:8px;color:var(--accent);font-size:14px;font-weight:500;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.kpi-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.kpi-card{flex:1;min-width:140px;background:var(--kpi-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--shadow-card);text-align:center;border-top:3px solid var(--accent);transition:background .3s,box-shadow .3s}.kpi-card.delivered{border-top-color:var(--green)}.kpi-card.returned{border-top-color:var(--red)}.kpi-value{font-size:32px;font-weight:700;color:var(--text-primary)}.kpi-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--shadow-card);transition:background .3s,box-shadow .3s}.chart-card.full-width{grid-column:1 / -1}.chart-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.profit-summary{display:flex;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light);font-size:14px;color:var(--text-primary);flex-wrap:wrap}.best-courier-badge{display:inline-block;background:var(--best-badge-bg);color:var(--best-badge-color);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px}@media(max-width:768px){.chart-grid{grid-template-columns:1fr}.kpi-row{gap:10px}.kpi-card{min-width:100px}.kpi-value{font-size:24px}.dash-header{flex-direction:column;align-items:flex-start;gap:12px}}.admin-panel{max-width:1400px;margin:0 auto;padding:24px 24px 100px}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.admin-header p{color:var(--text-secondary);margin:0;font-size:14px}.admin-header-actions{display:flex;align-items:center;gap:8px}.admin-nav-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:14px;cursor:pointer;text-decoration:none;transition:opacity .2s}.admin-nav-btn:hover{opacity:.9}.admin-theme-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;font-size:18px;cursor:pointer;transition:all .2s;color:var(--text-primary)}.admin-theme-btn:hover{background:var(--bg-hover)}.admin-loading{display:flex;align-items:center;justify-content:center;height:60vh;font-size:18px;color:var(--text-secondary)}.admin-stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.admin-stat-card{flex:1;min-width:140px;background:var(--kpi-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--shadow-card);text-align:center;border-top:3px solid var(--accent)}.admin-stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.admin-stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.admin-intent-bar{background:var(--bg-card);border-radius:12px;padding:16px 20px;margin-bottom:24px;box-shadow:0 1px 3px var(--shadow-card)}.admin-intent-bar h3{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-primary)}.intent-chips{display:flex;flex-wrap:wrap;gap:8px}.intent-chip{background:var(--bg-hover);color:var(--text-primary);padding:4px 12px;border-radius:20px;font-size:13px}.intent-chip strong{color:var(--accent);margin-left:4px}.admin-content{display:flex;gap:20px;min-height:500px}.admin-sessions-list{flex:1;min-width:0}.admin-sessions-list.has-detail{flex:0 0 380px}.sessions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.sessions-header h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap}.admin-search{display:flex;gap:4px}.admin-search input{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:14px;width:200px}.admin-search button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer}.no-sessions{text-align:center;color:var(--text-secondary);padding:60px 20px;background:var(--bg-card);border-radius:12px;font-size:15px}.sessions-scroll{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.session-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s}.session-card:hover{background:var(--bg-hover);border-color:var(--accent)}.session-card.active{border-color:var(--accent);box-shadow:0 0 0 2px #4a90e233}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.session-id{font-family:monospace;font-size:12px;color:var(--text-secondary)}.session-msgs{font-size:12px;color:var(--accent);font-weight:600}.session-preview{font-size:14px;color:var(--text-primary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.session-intents{display:flex;gap:4px}.mini-badge{background:var(--bg-hover);padding:2px 8px;border-radius:10px;font-size:11px;color:var(--accent)}.admin-chat-detail{flex:1;background:var(--bg-card);border-radius:12px;box-shadow:0 1px 3px var(--shadow-card);display:flex;flex-direction:column;min-width:0}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--border-color)}.detail-header h2{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.detail-sid{font-family:monospace;font-size:11px;color:var(--text-secondary)}.detail-actions{display:flex;gap:8px}.delete-btn{background:var(--red);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer}.delete-btn:hover{opacity:.9}.close-detail-btn{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;font-size:14px;cursor:pointer}.detail-info{display:flex;gap:20px;padding:12px 20px;border-bottom:1px solid var(--border-color);font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.detail-messages{flex:1;overflow-y:auto;padding:16px 20px;max-height:500px;display:flex;flex-direction:column;gap:12px}.detail-msg{padding:12px;border-radius:10px;border-left:3px solid transparent}.detail-msg.user{background:var(--bg-hover);border-left-color:var(--accent)}.detail-msg.agent{background:var(--kpi-bg);border-left-color:var(--green)}.detail-msg-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:12px}.role-badge{font-weight:600;font-size:13px}.role-badge.user{color:var(--accent)}.role-badge.agent{color:var(--green)}.msg-time{color:var(--text-secondary)}.msg-intent{background:var(--bg-hover);color:var(--accent);padding:2px 8px;border-radius:10px;font-size:11px}.detail-msg-text{font-size:14px;color:var(--text-primary);white-space:pre-wrap;line-height:1.5}@media(max-width:768px){.admin-content{flex-direction:column}.admin-sessions-list.has-detail{flex:auto}.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.sessions-header{flex-direction:column;align-items:flex-start}.admin-search input{width:100%}}.km-panel{max-width:1200px;margin:0 auto;padding:24px 24px 100px}.km-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.km-header h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.km-header p{color:var(--text-secondary);margin:0;font-size:14px}.km-header-actions{display:flex;align-items:center;gap:8px}.km-nav-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:14px;cursor:pointer;text-decoration:none;transition:opacity .2s}.km-nav-btn:hover{opacity:.9}.km-theme-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:8px 14px;font-size:18px;cursor:pointer;color:var(--text-primary)}.km-theme-btn:hover{background:var(--bg-hover)}.km-loading{display:flex;align-items:center;justify-content:center;height:60vh;font-size:18px;color:var(--text-secondary)}.km-stats-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.km-stat-card{flex:1;min-width:140px;background:var(--kpi-bg);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--shadow-card);text-align:center;border-top:3px solid var(--accent)}.km-stat-card.accent{display:flex;align-items:center;justify-content:center;border-top-color:var(--green)}.km-stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.km-stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.km-ingest-btn{background:var(--green);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.km-ingest-btn:hover{opacity:.9}.km-ingest-btn:disabled{opacity:.6;cursor:not-allowed}.km-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border-radius:12px;padding:4px;box-shadow:0 1px 3px var(--shadow-card)}.km-tab{flex:1;background:transparent;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.km-tab:hover{background:var(--bg-hover)}.km-tab.active{background:var(--accent);color:#fff;font-weight:600}.km-content{min-height:400px}.km-entries{display:flex;flex-direction:column;gap:10px}.km-empty{text-align:center;color:var(--text-secondary);padding:60px 20px;background:var(--bg-card);border-radius:12px;font-size:15px;line-height:1.6}.km-empty code{background:var(--bg-hover);padding:2px 6px;border-radius:4px;font-size:13px}.km-entry-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;transition:border-color .2s}.km-entry-card:hover{border-color:var(--accent)}.km-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.km-entry-id{font-family:monospace;font-size:12px;color:var(--text-secondary)}.km-entry-actions{display:flex;align-items:center;gap:8px}.km-category-badge{padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.km-category-badge.policy{background:#e8f5e9;color:#2e7d32}.km-category-badge.faq{background:#e3f2fd;color:#1565c0}.km-category-badge.sop{background:#fff3e0;color:#e65100}.km-category-badge.product{background:#f3e5f5;color:#7b1fa2}.km-category-badge.announcement{background:#fce4ec;color:#c62828}.km-category-badge.general{background:var(--bg-hover);color:var(--text-secondary)}.km-category-badge.training{background:#e8eaf6;color:#283593}.km-delete-btn{background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:4px 8px;font-size:14px;cursor:pointer;transition:all .2s}.km-delete-btn:hover{background:var(--red);border-color:var(--red)}.km-entry-text{font-size:14px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.km-entry-source{margin-top:6px;font-size:12px;color:var(--text-secondary);font-style:italic}.km-search-panel{display:flex;flex-direction:column;gap:16px}.km-search-form{display:flex;gap:8px}.km-search-form input{flex:1;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-size:15px}.km-search-form button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer}.km-search-form button:hover{opacity:.9}.km-search-results h3{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.km-result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;margin-bottom:10px;border-left:3px solid var(--accent)}.km-result-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.km-result-score{background:var(--accent);color:#fff;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.km-add-panel{display:flex;gap:24px}.km-add-form{flex:2;display:flex;flex-direction:column;gap:12px}.km-add-form label{font-size:14px;font-weight:600;color:var(--text-primary)}.km-add-form select{padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-size:14px}.km-add-form textarea{padding:14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font-size:14px;resize:vertical;font-family:inherit;line-height:1.5}.km-add-form button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.km-add-form button:hover{opacity:.9}.km-add-form button:disabled{opacity:.6;cursor:not-allowed}.km-add-tips{flex:1;background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 1px 3px var(--shadow-card);align-self:flex-start}.km-add-tips h4{margin:0 0 12px;font-size:15px;color:var(--text-primary)}.km-add-tips ul{margin:0;padding:0 0 0 18px;font-size:13px;color:var(--text-secondary);line-height:1.8}.km-add-tips code{background:var(--bg-hover);padding:1px 5px;border-radius:4px;font-size:12px}@media(max-width:768px){.km-header{flex-direction:column;align-items:flex-start;gap:12px}.km-add-panel,.km-search-form{flex-direction:column}}.agent-dashboard{max-width:1200px;margin:0 auto;padding:24px;font-family:Segoe UI,system-ui,sans-serif}.agent-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.agent-dashboard-header h1{margin:0;font-size:1.6rem;color:var(--text-primary, #1a1a2e)}.agent-dashboard-header p{margin:4px 0 0;color:var(--text-secondary, #666);font-size:.9rem}.agent-dashboard-actions{display:flex;gap:8px;align-items:center}.agent-nav-btn{padding:8px 14px;border-radius:8px;background:var(--surface, #f0f0f5);color:var(--text-primary, #333);text-decoration:none;font-size:.85rem;transition:background .2s}.agent-nav-btn:hover{background:var(--surface-hover, #e0e0e8)}.agent-phase-bar{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:24px;padding:16px 24px;background:var(--surface, #f8f8fc);border-radius:12px}.phase-item{display:flex;align-items:center;gap:8px;opacity:.4}.phase-item.active{opacity:1}.phase-num{width:28px;height:28px;border-radius:50%;background:var(--text-secondary, #999);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.phase-item.active .phase-num{background:#6c5ce7}.phase-label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #666)}.phase-item.active .phase-label{color:var(--text-primary, #333)}.phase-connector{width:40px;height:2px;background:var(--border, #ddd);margin:0 8px}.agent-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.agent-filter-btn{padding:6px 14px;border:1px solid var(--border, #ddd);border-radius:20px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:.82rem;transition:all .2s}.agent-filter-btn.active,.agent-filter-btn:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.agent-card{background:var(--surface, #fff);border:1px solid var(--border, #e8e8f0);border-radius:12px;padding:20px;transition:all .2s;position:relative}.agent-card.active{border-color:#6c5ce7;box-shadow:0 2px 12px #6c5ce71a}.agent-card.active:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6c5ce726}.agent-card.coming_soon{opacity:.55}.agent-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agent-icon{font-size:1.8rem}.agent-status-badge{padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.agent-status-badge.active{background:#e8f5e9;color:#2e7d32}.agent-status-badge.coming_soon{background:var(--surface-hover, #f0f0f0);color:var(--text-secondary, #999)}.agent-card-title{margin:0 0 6px;font-size:1.05rem;color:var(--text-primary, #1a1a2e)}.agent-card-desc{margin:0 0 16px;font-size:.82rem;color:var(--text-secondary, #666);line-height:1.4}.agent-card-footer{display:flex;justify-content:space-between;align-items:center}.agent-phase-tag{font-size:.72rem;color:var(--text-secondary, #999);background:var(--surface-hover, #f0f0f5);padding:3px 8px;border-radius:6px}.agent-open-btn{padding:6px 16px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}.agent-open-btn:hover{background:#5a4bd1}.agent-locked{font-size:1.1rem;opacity:.5}[data-theme=dark] .agent-status-badge.active{background:#2e7d3233;color:#81c784}[data-theme=dark] .agent-card.active{border-color:#7c6cf0;box-shadow:0 2px 12px #6c5ce733}.orio-hero-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;margin-bottom:20px;border-radius:14px;background:linear-gradient(135deg,#1565c0,#1976d2,#42a5f5);color:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s;cursor:pointer}.orio-hero-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1976d259}.orio-hero-left{display:flex;align-items:center;gap:16px}.orio-hero-icon{font-size:40px;background:#ffffff26;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center}.orio-hero-title{margin:0;font-size:22px;font-weight:700}.orio-hero-desc{margin:4px 0 0;font-size:14px;opacity:.9}.orio-hero-arrow{font-size:28px;font-weight:700;opacity:.8}@media(max-width:600px){.agent-dashboard{padding:16px}.agent-grid{grid-template-columns:1fr}.agent-phase-bar{display:none}.agent-dashboard-header{flex-direction:column;gap:12px}}.agent-page{max-width:1100px;margin:0 auto;padding:24px;font-family:Segoe UI,system-ui,sans-serif}.agent-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.agent-page-back{display:flex;align-items:flex-start;gap:16px}.back-link{color:#6c5ce7;text-decoration:none;font-size:.9rem;font-weight:600;padding:6px 0;white-space:nowrap}.back-link:hover{text-decoration:underline}.agent-page-header h1{margin:0;font-size:1.5rem;color:var(--text-primary, #1a1a2e)}.agent-page-header p{margin:4px 0 0;color:var(--text-secondary, #666);font-size:.85rem}.agent-theme-btn{background:var(--surface, #f0f0f5);border:none;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:1rem}.agent-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.agent-stat-card{background:var(--surface, #f8f8fc);border:1px solid var(--border, #e8e8f0);border-radius:10px;padding:16px;text-align:center}.agent-stat-card.delivered{border-left:3px solid #27ae60}.agent-stat-card.on-route{border-left:3px solid #3498db}.agent-stat-card.returned{border-left:3px solid #e74c3c}.agent-stat-value{font-size:1.6rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.agent-stat-label{font-size:.75rem;color:var(--text-secondary, #999);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.agent-search-form{display:flex;gap:10px;margin-bottom:16px}.agent-search-input{flex:1;padding:12px 16px;border:1px solid var(--border, #ddd);border-radius:10px;font-size:1rem;background:var(--surface, #fff);color:var(--text-primary, #333);outline:none}.agent-search-input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.agent-search-btn{padding:12px 24px;background:#6c5ce7;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.agent-search-btn:hover{background:#5a4bd1}.agent-search-btn:disabled{opacity:.6;cursor:not-allowed}.recent-searches{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.recent-label{font-size:.8rem;color:var(--text-secondary, #999)}.recent-chip{padding:4px 10px;border:1px solid var(--border, #ddd);border-radius:14px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:.78rem;transition:all .2s}.recent-chip:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.agent-error{padding:12px 16px;background:#fdecea;color:#c0392b;border-radius:8px;margin-bottom:16px;font-size:.9rem}.tracking-card{background:var(--surface, #fff);border:1px solid var(--border, #e8e8f0);border-radius:12px;padding:24px}.tracking-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tracking-card-header h2{margin:0;color:var(--text-primary, #1a1a2e)}.status-badge{padding:5px 14px;border-radius:16px;font-size:.8rem;font-weight:600}.status-badge.delivered{background:#e8f5e9;color:#2e7d32}.status-badge.return{background:#fdecea;color:#c0392b}.status-badge.on-route{background:#e3f2fd;color:#1565c0}.status-badge.on-hold{background:#fff3e0;color:#e65100}.status-badge.confirmed{background:#f3e5f5;color:#7b1fa2}.tracking-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.tracking-detail{display:flex;flex-direction:column;gap:4px}.tracking-detail.full-width{grid-column:1 / -1}.detail-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary, #999)}.detail-value{font-size:.95rem;color:var(--text-primary, #333);font-weight:500}.tracking-timeline-section{border-top:1px solid var(--border, #eee);padding-top:20px}.tracking-timeline-section h3{margin:0 0 12px;font-size:1rem;color:var(--text-primary, #333)}.reply-agent-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.reply-section h3,.reply-sidebar h3,.templates-section h3{margin:0 0 10px;font-size:.95rem;color:var(--text-primary, #333)}.reply-textarea{width:100%;padding:14px;border:1px solid var(--border, #ddd);border-radius:10px;font-size:.95rem;font-family:inherit;resize:vertical;background:var(--surface, #fff);color:var(--text-primary, #333);outline:none;box-sizing:border-box}.reply-textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.reply-controls{display:flex;justify-content:space-between;align-items:center;margin:14px 0;flex-wrap:wrap;gap:10px}.tone-selector{display:flex;align-items:center;gap:8px}.tone-selector label{font-size:.85rem;color:var(--text-secondary, #666)}.tone-btn{padding:6px 14px;border:1px solid var(--border, #ddd);border-radius:16px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:.8rem;transition:all .2s}.tone-btn.active,.tone-btn:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.generate-btn{padding:10px 24px;background:#6c5ce7;color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer}.generate-btn:hover{background:#5a4bd1}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.reply-output{background:var(--surface, #f8f8fc);border:1px solid var(--border, #e8e8f0);border-radius:10px;padding:16px;margin-bottom:20px}.reply-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.copy-btn{padding:5px 12px;border:1px solid var(--border, #ddd);border-radius:6px;background:transparent;cursor:pointer;font-size:.8rem;color:var(--text-secondary, #666)}.copy-btn:hover{background:var(--surface-hover, #eee)}.reply-output-text{font-size:.95rem;line-height:1.6;color:var(--text-primary, #333);white-space:pre-wrap}.templates-grid{display:flex;flex-wrap:wrap;gap:8px}.template-btn{padding:8px 14px;border:1px solid var(--border, #ddd);border-radius:8px;background:transparent;cursor:pointer;font-size:.82rem;color:var(--text-secondary, #666);transition:all .2s}.template-btn:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.reply-sidebar{background:var(--surface, #f8f8fc);border:1px solid var(--border, #e8e8f0);border-radius:12px;padding:16px;max-height:600px;overflow-y:auto}.no-history{color:var(--text-secondary, #999);font-size:.85rem;text-align:center;padding:20px 0}.history-item{padding:10px 0;border-bottom:1px solid var(--border, #eee)}.history-item:last-child{border-bottom:none}.history-customer{font-size:.8rem;color:var(--text-secondary, #999);font-style:italic;margin-bottom:4px}.history-reply{font-size:.85rem;color:var(--text-primary, #333);margin-bottom:6px}.history-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary, #999)}.history-tone{background:var(--surface-hover, #eee);padding:2px 6px;border-radius:4px}.agent-controls-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;padding:12px 16px;background:var(--surface, #f8f8fc);border-radius:10px}.control-group{display:flex;align-items:center;gap:6px}.control-group label{font-size:.82rem;color:var(--text-secondary, #666);white-space:nowrap}.control-group select{padding:6px 10px;border:1px solid var(--border, #ddd);border-radius:6px;background:var(--surface, #fff);color:var(--text-primary, #333);font-size:.82rem;cursor:pointer}.refresh-btn{padding:6px 16px;background:#6c5ce7;color:#fff;border:none;border-radius:6px;font-size:.82rem;cursor:pointer;margin-left:auto}.refresh-btn:hover{background:#5a4bd1}.tab-btns{display:flex;gap:6px}.tab-btn{padding:6px 16px;border:1px solid var(--border, #ddd);border-radius:8px;background:transparent;color:var(--text-secondary, #666);cursor:pointer;font-size:.82rem;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:#6c5ce7;color:#fff;border-color:#6c5ce7}.agent-table-wrapper{overflow-x:auto;border:1px solid var(--border, #e8e8f0);border-radius:10px;background:var(--surface, #fff)}.agent-table{width:100%;border-collapse:collapse;font-size:.85rem}.agent-table th{background:var(--surface, #f8f8fc);padding:10px 12px;text-align:left;font-weight:600;color:var(--text-secondary, #666);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border, #eee);white-space:nowrap}.agent-table td{padding:10px 12px;border-bottom:1px solid var(--border, #f0f0f0);color:var(--text-primary, #333);white-space:nowrap}.agent-table tbody tr:hover{background:var(--surface-hover, #f5f5fa)}.table-badge{padding:3px 8px;border-radius:10px;font-size:.72rem;font-weight:600;text-transform:capitalize}.severity-critical{background:#fdecea;color:#c0392b}.severity-high{background:#fff3e0;color:#e65100}.severity-medium{background:#fff9c4;color:#f57f17}.status-on-hold{background:#fff3e0;color:#e65100}.status-out-of-stock{background:#fce4ec;color:#c62828}.status-confirmed{background:#f3e5f5;color:#7b1fa2}.status-on-route{background:#e3f2fd;color:#1565c0}.action-rto{background:#fdecea;color:#c0392b}.action-reschedule{background:#fff3e0;color:#e65100}.action-retry,.severity-low{background:#e8f5e9;color:#2e7d32}.complaint-open{background:#fdecea;color:#c0392b}.complaint-in-progress{background:#fff3e0;color:#e65100}.complaint-resolved{background:#e8f5e9;color:#2e7d32}.complaint-closed{background:#e0e0e0;color:#666}.level-l1{background:#fff9c4;color:#f57f17}.level-l2{background:#fff3e0;color:#e65100}.level-l3,.priority-p1{background:#fdecea;color:#c0392b}.priority-p2{background:#fff3e0;color:#e65100}.priority-p3{background:#fff9c4;color:#f57f17}.flag-chips{display:flex;flex-wrap:wrap;gap:4px}.flag-chip{padding:2px 6px;background:var(--surface-hover, #f0f0f5);border-radius:4px;font-size:.68rem;color:var(--text-secondary, #666);white-space:nowrap}.empty-row{text-align:center;color:var(--text-secondary, #999);padding:30px 0!important}.table-footer{padding:10px 12px;font-size:.78rem;color:var(--text-secondary, #999);border-top:1px solid var(--border, #eee)}.agent-loading{text-align:center;padding:40px;color:var(--text-secondary, #999)}.reason-chips-section{margin-bottom:20px}.reason-chips-section h3{margin:0 0 8px;font-size:.9rem;color:var(--text-primary, #333)}.reason-chips{display:flex;flex-wrap:wrap;gap:8px}.reason-chip{padding:5px 12px;background:var(--surface, #f0f0f5);border:1px solid var(--border, #e0e0e8);border-radius:16px;font-size:.8rem;color:var(--text-secondary, #666)}.reason-chip strong{color:var(--text-primary, #333);margin-left:4px}.status-bars{display:flex;flex-direction:column;gap:12px}.status-bar-item{display:flex;align-items:center;gap:12px}.status-bar-label{width:90px;font-size:13px;font-weight:500;color:var(--text-secondary, #666)}.status-bar-track{flex:1;height:10px;background:var(--bg-secondary, #eee);border-radius:5px;overflow:hidden}.status-bar-fill{height:100%;border-radius:5px;transition:width .4s ease}.status-bar-value{width:50px;text-align:right;font-size:13px;font-weight:600}.alerts-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.alert-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.alert-icon{font-size:16px}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffc107}.alert-alert{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}[data-theme=dark] .alert-warning{background:#332b00;color:#ffc107;border-color:#650}[data-theme=dark] .alert-alert{background:#3b1014;color:#f5c6cb;border-color:#6b2029}[data-theme=dark] .alert-info{background:#0a2e36;color:#bee5eb;border-color:#1a5b6a}.report-overview{display:flex;flex-direction:column;gap:20px}.report-section{background:var(--bg-card, #fff);border-radius:10px;padding:16px;border:1px solid var(--border, #eee)}.report-section h3{margin:0 0 12px;font-size:15px}.detail-row td{background:var(--bg-secondary, #f8f9fa);padding:12px 16px!important}.investigation-detail{padding:4px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:13px}.detail-grid strong{color:var(--text-secondary, #666)}[data-theme=dark] .detail-row td{background:var(--bg-secondary, #1e1e1e)}@media(max-width:768px){.agent-page{padding:16px}.reply-agent-layout{grid-template-columns:1fr}.tracking-details-grid,.agent-stats-row{grid-template-columns:1fr 1fr}.agent-controls-row{flex-direction:column;align-items:flex-start}.detail-grid{grid-template-columns:1fr 1fr}}.sidebar{width:264px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:14px 12px;border-right:1px solid var(--border-color, #e5e7eb);background:var(--bg-hover, #f7f8fa);overflow:hidden}.sidebar-top{display:flex;gap:8px}.sidebar-new{flex:1;padding:9px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);color:var(--text-primary, #1a1a2e);font-size:13.5px;font-weight:600;cursor:pointer;text-align:left}.sidebar-new:hover{border-color:#4f46e5;color:#4f46e5}.sidebar-collapse,.sidebar-reopen{border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);color:var(--text-secondary, #6b7280);cursor:pointer;font-size:14px}.sidebar-collapse{width:32px}.sidebar-reopen{align-self:flex-start;margin:14px 0 0 12px;width:34px;height:34px;flex-shrink:0}.sidebar-search{padding:8px 10px;border:1px solid var(--border-input, #d1d5db);border-radius:8px;background:var(--bg-input, #fff);color:var(--text-primary, #1a1a2e);font-size:13px}.sidebar-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-note{margin:8px 4px;color:var(--text-secondary, #6b7280);font-size:12.5px;line-height:1.5}.sidebar-item{position:relative;display:flex;align-items:center;gap:6px;padding:8px 8px 8px 10px;border-radius:8px;cursor:pointer}.sidebar-item:hover{background:var(--bg-card, #fff)}.sidebar-item.active{background:var(--bg-card, #fff);box-shadow:inset 2px 0 #4f46e5}.sidebar-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sidebar-item-title{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-meta{font-size:11px;color:var(--text-secondary, #6b7280)}.sidebar-item-more{flex-shrink:0;width:24px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #9ca3af);cursor:pointer;opacity:0}.sidebar-item:hover .sidebar-item-more,.sidebar-item.active .sidebar-item-more{opacity:1}.sidebar-menu{position:absolute;right:6px;top:34px;z-index:20;display:flex;flex-direction:column;min-width:116px;padding:4px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-card, #fff);box-shadow:0 6px 20px #0000001f}.sidebar-menu button{padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--text-primary, #1a1a2e);font-size:13px;text-align:left;cursor:pointer}.sidebar-menu button:hover{background:var(--bg-hover, #f3f4f6)}.sidebar-menu button.danger{color:#dc2626}@media(max-width:720px){.sidebar{display:none}}.orio-agent{max-width:1000px;margin:0 auto;height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif}.orio-agent-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #e0e0e0);background:var(--bg-card, #fff)}.orio-agent-back{display:flex;align-items:center;gap:12px}.orio-agent-back .back-link{color:var(--text-secondary, #666);text-decoration:none;font-size:14px}.orio-agent-back h1{margin:0;font-size:20px}.orio-agent-back p{margin:0;font-size:13px;color:var(--text-secondary, #666)}.quick-actions{display:flex;gap:8px;padding:12px 20px;overflow-x:auto;border-bottom:1px solid var(--border, #e0e0e0);background:var(--bg-secondary, #f8f9fa)}.quick-action-btn{white-space:nowrap;padding:6px 14px;border-radius:20px;border:1px solid var(--border, #ddd);background:var(--bg-card, #fff);color:var(--text-primary, #333);font-size:13px;cursor:pointer;transition:all .2s}.quick-action-btn:hover{background:#e8f4ff;border-color:#2196f3;color:#1565c0}.orio-chat-area{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.orio-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--text-secondary, #666)}.orio-empty-icon{font-size:64px;margin-bottom:16px}.orio-empty-state h2{margin:0 0 8px;color:var(--text-primary, #333)}.orio-empty-state p{margin:0 0 20px;max-width:400px;font-size:14px}.orio-examples{background:var(--bg-secondary, #f0f2f5);border-radius:12px;padding:16px 20px;max-width:500px}.example-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.example-list{display:flex;flex-direction:column;gap:6px}.example-list span{font-size:13px;color:var(--text-primary, #333);background:var(--bg-card, #fff);padding:8px 12px;border-radius:8px;cursor:default}.orio-message{display:flex;gap:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.orio-message.user{flex-direction:row-reverse}.orio-message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--bg-secondary, #f0f2f5);flex-shrink:0}.orio-message.user .orio-message-avatar{background:#e3f2fd}.orio-message-content{max-width:80%;display:flex;flex-direction:column;gap:8px}.orio-message-text{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-wrap}.orio-message.user .orio-message-text{background:#1976d2;color:#fff;border-bottom-right-radius:4px}.orio-message.agent .orio-message-text{background:var(--bg-secondary, #f0f2f5);color:var(--text-primary, #333);border-bottom-left-radius:4px}.orio-message.error .orio-message-text{background:#ffebee;color:#c62828}.orio-message-time{font-size:11px;color:var(--text-secondary, #999);padding:0 4px}.orio-message.user .orio-message-time{text-align:right}.thinking-stream{display:flex;flex-direction:column;gap:6px;padding:12px 16px;background:var(--bg-secondary, #f0f2f5);border-radius:12px}.thinking-step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary, #666);animation:fadeIn .3s ease}.thinking-step.active{color:#1976d2;font-weight:500}.thinking-step.done{color:#43a047}.thinking-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}.thinking-spinner{width:14px;height:14px;border:2px solid #e0e0e0;border-top-color:#1976d2;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking-text{flex:1}.orio-tool-cards{display:flex;flex-direction:column;gap:8px}.tool-card{border:1px solid var(--border, #e0e0e0);border-radius:10px;overflow:hidden;background:var(--bg-card, #fff);transition:box-shadow .2s}.tool-card:hover{box-shadow:0 2px 8px #00000014}.tool-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;background:var(--bg-secondary, #f8f9fa)}.tool-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-icon{font-size:16px}.tool-name{font-weight:600;font-size:13px;color:var(--text-primary, #333)}.tool-params{display:flex;gap:4px;flex-wrap:wrap}.tool-param-chip{padding:2px 8px;border-radius:10px;background:#e3f2fd;color:#1565c0;font-size:11px}.tool-expand-icon{font-size:10px;color:var(--text-secondary, #999);transition:transform .2s}.tool-expand-icon.open{transform:rotate(90deg)}.tool-card-summary{padding:8px 14px;font-size:12px;color:var(--text-secondary, #666);border-top:1px solid var(--border, #eee)}.reply-preview{font-style:italic}.tool-card-detail{border-top:1px solid var(--border, #eee);padding:12px 14px}.tool-running{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;color:#1976d2}.streaming-text{padding:12px 16px;font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap;word-break:break-word}.streaming-cursor{animation:blink .8s step-end infinite;color:#1976d2;font-weight:600}@keyframes blink{50%{opacity:0}}[data-theme=dark] .streaming-text{color:#e0e0e0}.detail-content{display:flex;flex-direction:column;gap:12px}.detail-stat-row{display:flex;gap:16px;flex-wrap:wrap}.detail-stat{font-size:13px;color:var(--text-secondary, #666)}.detail-stat strong{color:var(--text-primary, #333)}.risk-critical{color:#e53935}.risk-high{color:#ef6c00}.risk-medium{color:#f9a825}.risk-low{color:#43a047}.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:13px}.detail-label{font-weight:500;color:var(--text-secondary, #666)}.detail-chips-section{display:flex;flex-direction:column;gap:6px}.detail-chips{display:flex;flex-wrap:wrap;gap:4px}.detail-chip{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500}.detail-chip.risk{background:#fff3e0;color:#e65100}.detail-chip.action{background:#e8f5e9;color:#2e7d32}.page-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color, #e0e0e0)}.page-btn{min-width:28px;padding:4px 8px;border:1px solid var(--border-color, #e0e0e0);border-radius:6px;background:var(--bg-primary, #fff);color:var(--text-primary, #333);font-size:12px;cursor:pointer}.page-btn:hover:not(:disabled){background:var(--bg-secondary, #f5f5f5)}.page-btn:disabled{opacity:.4;cursor:default}.page-btn-current{background:var(--accent, #1976d2);border-color:var(--accent, #1976d2);color:#fff;font-weight:600}.page-ellipsis{padding:0 2px;color:var(--text-secondary, #666);font-size:12px}.page-current-label{font-size:12px;color:var(--text-secondary, #666);padding:0 6px}.page-loading{font-size:12px;color:var(--text-secondary, #666);margin-left:6px}.page-error{font-size:12px;color:#c62828;margin-left:6px}.detail-items-text{font-size:12px;line-height:1.5;color:var(--text-primary, #333)}.tracking-timeline{display:flex;flex-direction:column;gap:4px}.tracking-timeline-item{display:flex;gap:10px;align-items:baseline;font-size:12px;border-left:2px solid var(--border-color, #e0e0e0);padding:4px 0 4px 10px}.tracking-timeline-date{color:var(--text-secondary, #666);white-space:nowrap;font-variant-numeric:tabular-nums}.tracking-timeline-status{font-weight:500}.ci-card-list,.ca-card-list{display:flex;flex-direction:column;gap:10px}.ca-card{border:1px solid var(--border-color, #e0e0e0);border-left:4px solid var(--border-color, #e0e0e0);border-radius:8px;padding:12px 14px;background:var(--bg-primary, #fff)}.ca-card-gold{border-left-color:#e6a817}.ca-card-risk{border-left-color:#e05a3c}.ca-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.ca-card-title{font-weight:700;font-size:14px}.ca-service-chip{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--text-secondary, #666);background:var(--bg-secondary, #f5f5f5);border-radius:5px;padding:2px 6px;margin-bottom:10px}.ca-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap}.ca-badge-gold{background:#fff3d6;color:#a8710a}.ca-badge-red{background:#fde3de;color:#c73e1d}.ca-badge-amber{background:#fff0d6;color:#b06a00}.ca-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ca-stat{background:var(--bg-secondary, #f5f5f5);border-radius:6px;padding:8px 10px;text-align:center}.ca-stat-label{font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary, #666);margin-bottom:4px}.ca-stat-value{font-size:14px;font-weight:700}.ca-stat-value.is-good{color:#2e7d32}.ca-stat-value.is-warn{color:#c67c00}.ci-card{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border-radius:8px;border:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #fff);padding:12px;font-size:12px}.ci-card-delivered{background:#d32f2f0f;border-color:#d32f2f2e}.ci-col{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:break-word}.ci-col-header{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-secondary, #666);background:#2196f314;padding:3px 6px;border-radius:4px;margin-bottom:2px}.ci-order-id{font-weight:700;font-size:13px}.ci-bold{font-weight:600}.ci-badge{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.02em;margin-top:2px}.ci-badge-green{background:#e8f5e9;color:#2e7d32}.ci-badge-red{background:#ffebee;color:#c62828}.ci-badge-purple{background:#f3e5f5;color:#7b1fa2}@media(max-width:720px){.ci-card{grid-template-columns:1fr 1fr}}.detail-table{width:100%;border-collapse:collapse;font-size:12px}.detail-table-scroll{max-height:340px;overflow-y:auto;border:1px solid var(--border-color, #e0e0e0);border-radius:6px}.detail-table-scroll .detail-table th{position:sticky;top:0;z-index:1}.detail-table th{text-align:left;padding:6px 8px;background:var(--bg-secondary, #f5f5f5);font-weight:600;font-size:11px;text-transform:uppercase;color:var(--text-secondary, #666)}.detail-table td{padding:6px 8px;border-bottom:1px solid var(--border, #eee)}.mini-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.mini-badge.status-delivered{background:#e8f5e9;color:#2e7d32}.mini-badge.status-return{background:#fce4ec;color:#c62828}.mini-badge.status-on-hold{background:#fff3e0;color:#e65100}.mini-badge.status-out-of-stock{background:#ffebee;color:#b71c1c}.mini-badge.status-on-route{background:#e3f2fd;color:#1565c0}.detail-note{font-size:11px;color:var(--text-secondary, #999);font-style:italic}.detail-json{background:var(--bg-secondary, #f5f5f5);padding:10px;border-radius:6px;font-size:11px;overflow-x:auto;max-height:200px;overflow-y:auto}.reply-box{background:var(--bg-secondary, #f8f9fa);padding:14px;border-radius:10px;border-left:3px solid #1976D2;position:relative}.reply-box p{margin:0 0 8px;font-size:14px;line-height:1.5}.copy-btn{padding:4px 12px;border-radius:6px;border:1px solid var(--border, #ddd);background:var(--bg-card, #fff);font-size:12px;cursor:pointer}.copy-btn:hover{background:#e3f2fd}.orio-input-area{padding:12px 20px 20px;border-top:1px solid var(--border, #e0e0e0);background:var(--bg-card, #fff)}.orio-model-row{position:relative;margin-bottom:8px}.orio-model-chip{padding:5px 12px;border:1px solid var(--border, #d0d7e6);border-radius:20px;background:var(--surface, #f0f4ff);color:var(--text, #333);font-size:12px;cursor:pointer}.orio-model-chip:hover{border-color:var(--primary, #4a6cf7)}.orio-model-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.orio-model-menu{position:absolute;bottom:calc(100% + 6px);left:0;z-index:41;min-width:240px;max-height:320px;overflow-y:auto;padding:6px;border-radius:10px;border:1px solid var(--border, #d0d7e6);background:var(--bg-card, #fff);box-shadow:0 8px 24px #00000026}.orio-model-group-label{padding:6px 8px 2px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #888)}.orio-model-option{display:block;width:100%;padding:6px 8px;border:none;border-radius:6px;background:none;color:var(--text, #333);font-size:13px;text-align:left;cursor:pointer}.orio-model-option:hover{background:var(--surface, #f0f4ff)}.orio-model-option.active{background:var(--primary, #4a6cf7);color:#fff}.orio-input-wrapper{display:flex;gap:8px;align-items:flex-end;background:var(--bg-secondary, #f0f2f5);border-radius:16px;padding:8px 12px;border:2px solid transparent;transition:border-color .2s}.orio-input-wrapper:focus-within{border-color:#1976d2;background:var(--bg-card, #fff)}.orio-input{flex:1;border:none;background:transparent;font-size:14px;resize:none;outline:none;font-family:inherit;color:var(--text-primary, #333);max-height:120px;height:25px}.orio-input::placeholder{color:var(--text-secondary, #999)}.orio-send-btn{width:30px;height:30px;border-radius:50%;border:none;background:#1976d2;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.orio-send-btn:hover:not(:disabled){background:#1565c0}.orio-send-btn:disabled{background:#bbb;cursor:not-allowed}[data-theme=dark] .orio-agent-header,[data-theme=dark] .orio-input-area{background:var(--bg-card, #1e1e1e);border-color:var(--border, #333)}[data-theme=dark] .quick-actions{background:var(--bg-secondary, #252525);border-color:var(--border, #333)}[data-theme=dark] .quick-action-btn{background:var(--bg-card, #2a2a2a);border-color:var(--border, #444);color:var(--text-primary, #eee)}[data-theme=dark] .quick-action-btn:hover{background:#1a3a5c;border-color:#2196f3}[data-theme=dark] .orio-message.agent .orio-message-text,[data-theme=dark] .thinking-stream{background:var(--bg-secondary, #2a2a2a)}[data-theme=dark] .tool-card{background:var(--bg-card, #1e1e1e);border-color:var(--border, #444)}[data-theme=dark] .tool-card-header{background:var(--bg-secondary, #252525)}[data-theme=dark] .tool-param-chip{background:#1a3a5c;color:#90caf9}[data-theme=dark] .detail-chip.risk{background:#3e2723;color:#ffab91}[data-theme=dark] .detail-chip.action{background:#1b5e20;color:#a5d6a7}[data-theme=dark] .reply-box{background:var(--bg-secondary, #252525)}[data-theme=dark] .orio-input-wrapper{background:var(--bg-secondary, #2a2a2a)}[data-theme=dark] .orio-input-wrapper:focus-within{background:var(--bg-card, #1e1e1e)}[data-theme=dark] .orio-message.error .orio-message-text{background:#3b1014;color:#ef9a9a}[data-theme=dark] .example-list span{background:var(--bg-card, #2a2a2a);color:var(--text-primary, #eee)}.anomaly-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:8px;margin-bottom:6px;background:#00000008;border-left:3px solid #999}.anomaly-item.severity-critical{border-left-color:#c53030;background:#c530300f}.anomaly-item.severity-high{border-left-color:#d4740e;background:#d4740e0f}.anomaly-item.severity-medium{border-left-color:#b8860b;background:#b8860b0f}.anomaly-severity{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:4px;white-space:nowrap;background:#00000014}.anomaly-message{font-size:.82rem;color:var(--text-primary, #333)}.action-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.action-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-radius:8px;background:var(--surface, #f8f8fc);border:1px solid var(--border, #e8e8f0)}.action-icon{font-size:1rem;margin-top:1px}.action-content{display:flex;flex-direction:column;gap:2px}.action-content strong{font-size:.85rem;color:var(--text-primary, #333)}.action-reason{font-size:.75rem;color:var(--text-secondary, #666)}.priority-critical{color:#c53030}.priority-high{color:#d4740e}.priority-medium{color:#b8860b}.priority-low{color:#2d6a4f}.mini-badge.risk-critical{background:#c530301f;color:#c53030}.mini-badge.risk-high{background:#d4740e1f;color:#d4740e}.mini-badge.risk-medium{background:#b8860b1f;color:#b8860b}.mini-badge.risk-low{background:#2d6a4f1f;color:#2d6a4f}[data-theme=dark] .anomaly-item{background:#ffffff0a}[data-theme=dark] .anomaly-item.severity-critical{background:#c530301f}[data-theme=dark] .anomaly-item.severity-high{background:#d4740e1f}[data-theme=dark] .action-item{background:var(--surface, #2a2a2a);border-color:var(--border, #444)}.header-actions{display:flex;align-items:center;gap:8px}.action-log-btn{background:var(--surface, #f0f4ff);border:1px solid var(--border, #d0d7e6);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--text, #333);transition:all .2s}.action-log-btn:hover{background:var(--primary, #4a6cf7);color:#fff;border-color:var(--primary, #4a6cf7)}a.action-log-btn{text-decoration:none;display:inline-block;line-height:normal}.action-buttons{padding:10px 14px;border-top:1px solid var(--border, #e8ecf1);background:var(--surface-alt, #f8fafc);border-radius:0 0 10px 10px}.action-btn-row{display:flex;gap:8px;align-items:center}.action-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.action-btn.approve{background:#2d6a4f;color:#fff}.action-btn.approve:hover{background:#1b4332}.action-btn.reject{background:#c53030;color:#fff}.action-btn.reject:hover{background:#9b2c2c}.action-btn.note-toggle{background:transparent;border:1px solid var(--border, #d0d7e6);padding:5px 10px;font-size:14px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-note-input{width:100%;padding:8px 12px;border:1px solid var(--border, #d0d7e6);border-radius:6px;margin-bottom:8px;font-size:13px;background:var(--bg, white);color:var(--text, #333)}.action-status{padding:8px 14px;text-align:center;font-weight:600;font-size:13px;border-top:1px solid var(--border, #e8ecf1);border-radius:0 0 10px 10px}.action-status.approved{background:#2d6a4f1a;color:#2d6a4f}.action-status.rejected{background:#c530301a;color:#c53030}.action-log-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;display:flex;justify-content:flex-end}.action-log-panel{width:420px;max-width:90vw;height:100vh;background:var(--bg, white);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.action-log-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #e8ecf1)}.action-log-header h3{margin:0;font-size:16px;color:var(--text, #333)}.action-log-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted, #888);padding:4px 8px;border-radius:4px}.action-log-close:hover{background:var(--surface, #f0f4ff)}.action-log-content{flex:1;overflow-y:auto;padding:12px}.action-log-empty{text-align:center;color:var(--text-muted, #888);padding:40px 20px;font-size:14px}.action-log-item{padding:12px 14px;border:1px solid var(--border, #e8ecf1);border-radius:8px;margin-bottom:8px;border-left:3px solid #999}.action-log-item.status-approved{border-left-color:#2d6a4f}.action-log-item.status-rejected{border-left-color:#c53030}.action-log-item.status-pending{border-left-color:#d4740e}.action-log-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.action-log-tool{font-weight:600;font-size:14px;color:var(--text, #333)}.action-log-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.action-log-status.approved{background:#2d6a4f1a;color:#2d6a4f}.action-log-status.rejected{background:#c530301a;color:#c53030}.action-log-status.pending{background:#d4740e1a;color:#d4740e}.action-log-item-detail{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted, #888)}.action-log-note{margin-top:6px;font-size:12px;color:var(--text-muted, #666);font-style:italic}[data-theme=dark] .action-buttons{background:#ffffff08;border-color:#444}[data-theme=dark] .action-note-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}[data-theme=dark] .action-log-panel{background:#1e1e1e}[data-theme=dark] .action-log-header,[data-theme=dark] .action-log-item{border-color:#444}[data-theme=dark] .action-log-btn{background:#2a2a2a;border-color:#444;color:#e0e0e0}.chain-progress{background:#f0f4ff;border:1px solid #c7d2fe;border-radius:10px;padding:12px 16px;margin-bottom:12px}.chain-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chain-progress-label{font-weight:600;font-size:13px;color:#4338ca}.chain-progress-count{font-size:12px;font-weight:700;color:#4338ca;background:#e0e7ff;padding:2px 10px;border-radius:12px}.chain-progress-bar{height:6px;background:#e0e7ff;border-radius:3px;overflow:hidden;margin-bottom:10px}.chain-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#4338ca);border-radius:3px;transition:width .5s ease}.chain-steps-list{display:flex;flex-direction:column;gap:6px}.chain-step-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.chain-step-item.done{color:#059669}.chain-step-item.active{color:#4338ca;font-weight:600}.chain-step-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700;flex-shrink:0}.chain-step-item.done .chain-step-indicator{background:#d1fae5;color:#059669}.chain-step-item.active .chain-step-indicator{background:#e0e7ff;color:#4338ca}.chain-step-item.pending .chain-step-indicator{background:#f3f4f6;color:#9ca3af}.tool-chain-wrapper{position:relative}.chain-connector{display:flex;flex-direction:column;align-items:center;padding:4px 0}.chain-connector-line{width:2px;height:16px;background:linear-gradient(180deg,#a5b4fc,#6366f1)}.chain-connector-arrow{font-size:10px;color:#6366f1;line-height:1}.orio-tool-cards.chained{border-left:2px solid #e0e7ff;padding-left:12px;margin-left:4px}.chain-summary-card{background:linear-gradient(135deg,#f0f4ff,#ede9fe);border:1px solid #c7d2fe;border-radius:10px;padding:14px 16px;margin-top:10px}.chain-summary-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.chain-summary-icon{font-size:16px}.chain-summary-title{font-weight:700;font-size:13px;color:#4338ca}.chain-summary-badge{margin-left:auto;font-size:11px;font-weight:600;background:#4338ca;color:#fff;padding:2px 10px;border-radius:12px}.chain-summary-steps{display:flex;flex-direction:column;gap:6px}.chain-summary-step{display:flex;align-items:center;gap:8px;font-size:12px}.chain-summary-check{color:#059669;font-weight:700;flex-shrink:0}.chain-summary-text{color:#374151;flex:1}.chain-summary-tool{font-size:10px;background:#e0e7ff;color:#4338ca;padding:1px 8px;border-radius:8px;font-weight:600}[data-theme=dark] .chain-progress{background:#1e1b4b;border-color:#3730a3}[data-theme=dark] .chain-progress-label{color:#a5b4fc}[data-theme=dark] .chain-progress-count{background:#312e81;color:#a5b4fc}[data-theme=dark] .chain-progress-bar{background:#312e81}[data-theme=dark] .chain-step-item{color:#9ca3af}[data-theme=dark] .chain-step-item.done{color:#34d399}[data-theme=dark] .chain-step-item.active{color:#a5b4fc}[data-theme=dark] .chain-step-item.done .chain-step-indicator{background:#064e3b;color:#34d399}[data-theme=dark] .chain-step-item.active .chain-step-indicator{background:#312e81;color:#a5b4fc}[data-theme=dark] .chain-step-item.pending .chain-step-indicator{background:#1f2937;color:#6b7280}[data-theme=dark] .chain-connector-line{background:linear-gradient(180deg,#6366f1,#4338ca)}[data-theme=dark] .chain-connector-arrow{color:#a5b4fc}[data-theme=dark] .orio-tool-cards.chained{border-left-color:#3730a3}[data-theme=dark] .chain-summary-card{background:linear-gradient(135deg,#1e1b4b,#1e1b4b);border-color:#3730a3}[data-theme=dark] .chain-summary-title{color:#a5b4fc}[data-theme=dark] .chain-summary-badge{background:#6366f1}[data-theme=dark] .chain-summary-text{color:#d1d5db}[data-theme=dark] .chain-summary-tool{background:#312e81;color:#a5b4fc}.autonomous-toggle{display:flex;align-items:center;gap:6px}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:22px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:#059669}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-label{font-size:12px;font-weight:600;color:#6b7280}.toggle-label.active{color:#059669}.alert-btn{position:relative;background:none;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:16px}.alert-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.alerts-header-actions{display:flex;align-items:center;gap:8px}.auto-badge{font-size:11px;font-weight:600;color:#059669}.alert-item{padding:12px;border-radius:8px;border-left:4px solid #e5e7eb;margin-bottom:10px;background:#fff}.alert-item.severity-critical{border-left-color:#ef4444;background:#fef2f2}.alert-item.severity-high{border-left-color:#f97316;background:#fff7ed}.alert-item.severity-medium{border-left-color:#eab308;background:#fefce8}.alert-item.dismissed{opacity:.5}.alert-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.alert-severity{font-size:11px;font-weight:700;text-transform:uppercase}.alert-severity.critical{color:#ef4444}.alert-severity.high{color:#f97316}.alert-severity.medium{color:#eab308}.alert-type{font-size:11px;color:#6b7280;text-transform:capitalize}.alert-title{font-weight:600;font-size:13px;color:#111827;margin-bottom:4px}.alert-message{font-size:12px;color:#4b5563;line-height:1.4}.alert-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.alert-time{font-size:10px;color:#9ca3af}.alert-dismiss-btn{background:none;border:1px solid #d1d5db;border-radius:6px;padding:3px 10px;font-size:11px;cursor:pointer;color:#6b7280}.alert-dismiss-btn:hover{background:#f3f4f6}.alert-dismissed-badge{font-size:10px;color:#9ca3af;font-style:italic}.memory-indicator{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px}.memory-icon{font-size:16px}.memory-text{font-size:12px;color:#059669;font-weight:500}[data-theme=dark] .toggle-slider{background:#4b5563}[data-theme=dark] .toggle-label{color:#9ca3af}[data-theme=dark] .alert-btn{border-color:#374151}[data-theme=dark] .alert-item{background:#1f2937}[data-theme=dark] .alert-item.severity-critical{background:#1c1111}[data-theme=dark] .alert-item.severity-high{background:#1c1608}[data-theme=dark] .alert-item.severity-medium{background:#1c1a08}[data-theme=dark] .alert-title{color:#f3f4f6}[data-theme=dark] .alert-message{color:#d1d5db}[data-theme=dark] .alert-dismiss-btn{border-color:#4b5563;color:#9ca3af}[data-theme=dark] .alert-dismiss-btn:hover{background:#374151}[data-theme=dark] .memory-indicator{background:#064e3b;border-color:#065f46}[data-theme=dark] .memory-text{color:#34d399}.handoff-card{display:flex;gap:12px;padding:14px 16px;margin-top:10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;align-items:center}.handoff-card-icon{font-size:28px}.handoff-card-content{flex:1}.handoff-card-title{font-weight:700;font-size:14px;color:#92400e;margin-bottom:2px}.handoff-card-reason{font-size:13px;color:#78350f}.handoff-card-id{font-size:11px;color:#a16207;margin-top:4px;font-family:monospace}[data-theme=dark] .handoff-card{background:linear-gradient(135deg,#451a03,#78350f);border-color:#b45309}[data-theme=dark] .handoff-card-title{color:#fbbf24}[data-theme=dark] .handoff-card-reason{color:#fcd34d}[data-theme=dark] .handoff-card-id{color:#f59e0b}.handoff-resolved-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;margin-top:6px;background:#dbeafe;border:1px solid #93c5fd;border-radius:20px;font-size:12px;color:#1e40af}.handoff-resolved-icon{font-size:14px}[data-theme=dark] .handoff-resolved-badge{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.learned-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-top:6px;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:20px;font-size:11px;color:#065f46}.learned-badge-icon{font-size:13px}[data-theme=dark] .learned-badge{background:#064e3b;border-color:#059669;color:#34d399}.web-search-badge{display:flex;flex-direction:column;gap:4px;padding:6px 10px;margin-top:6px;background:#eff6ff;border:1px solid #93c5fd;border-radius:12px;font-size:11px;color:#1e40af}.web-search-badge-icon{font-size:13px}.web-search-badge-text{font-weight:600}.web-search-sources{display:flex;flex-direction:column;gap:2px;padding-left:20px}.web-source-link{color:#2563eb;text-decoration:none;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.web-source-link:hover{text-decoration:underline}[data-theme=dark] .web-search-badge{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .web-source-link{color:#60a5fa}.agent-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-top:6px;background:#fef3c7;border:1px solid #fbbf24;border-radius:20px;font-size:11px;color:#92400e}.agent-badge-avatar{font-size:14px}.agent-badge-dept{margin-left:4px;padding-left:6px;border-left:1px solid #f59e0b;font-size:10px}[data-theme=dark] .agent-badge{background:#78350f;border-color:#d97706;color:#fcd34d}[data-theme=dark] .agent-badge .agent-badge-dept{border-color:#d97706}@media(max-width:768px){.orio-agent{padding:0}.orio-message-content{max-width:90%}.quick-actions{padding:8px 12px;gap:6px}.quick-action-btn{font-size:12px;padding:5px 10px}.detail-info-grid{grid-template-columns:1fr}.action-log-panel{width:100%;max-width:100vw}}.approval-card{margin-top:10px;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color, #e5e7eb);border-left:4px solid var(--approval-accent, #f59e0b);background:var(--bg-card, #fff);font-size:13px}.approval-card.risk-write{--approval-accent: #f59e0b}.approval-card.risk-bulk{--approval-accent: #ef4444}.approval-card.risk-draft{--approval-accent: #3b82f6}.approval-card.risk-blocked{--approval-accent: #6b7280}.approval-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.approval-risk{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--approval-accent, #f59e0b)}.approval-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;color:#fff;background:var(--approval-accent, #f59e0b)}.approval-target{margin-bottom:8px;color:var(--text-secondary, #6b7280)}.approval-changes{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.approval-change{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.approval-field{min-width:58px;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary, #6b7280)}.approval-from,.approval-to{padding:2px 8px;border-radius:6px;font-weight:600}.approval-from{background:var(--bg-hover, #f3f4f6);color:var(--text-secondary, #6b7280);text-decoration:line-through}.approval-to{background:#10b9811f;color:#059669}.approval-arrow{color:var(--text-secondary, #9ca3af)}.approval-sample{margin-bottom:10px;border:1px solid var(--border-light, #f3f4f6);border-radius:8px;overflow:hidden}.approval-sample-row{display:grid;grid-template-columns:80px 1fr 90px;gap:8px;padding:6px 10px;font-size:12px;border-bottom:1px solid var(--border-light, #f3f4f6)}.approval-sample-row:last-child{border-bottom:none}.approval-sample-more{padding:6px 10px;font-size:12px;color:var(--text-secondary, #6b7280);background:var(--bg-hover, #f9fafb)}.approval-value{margin-bottom:8px;font-weight:600}.approval-notice{margin-bottom:10px;padding:6px 10px;border-radius:6px;background:var(--bg-hover, #f3f4f6);color:var(--text-secondary, #6b7280);font-size:12px}.action-error{margin-bottom:8px;color:#dc2626;font-size:12px}.action-status.failed{color:#dc2626;font-weight:600}.action-status.blocked{color:#b45309;font-weight:600}.action-status-detail{display:block;margin-top:3px;font-weight:400;font-size:12px;color:var(--text-secondary, #6b7280)}.action-log-params{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px;color:var(--text-secondary, #6b7280)}.action-log-risk{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-hover, #f3f4f6);color:var(--text-secondary, #6b7280)}.action-log-risk.risk-write{background:#f59e0b26;color:#b45309}.action-log-risk.risk-bulk_write{background:#ef444426;color:#b91c1c}.action-log-risk.risk-draft{background:#3b82f626;color:#1d4ed8}.action-log-execution{margin-top:6px;font-size:12px;font-weight:600}.action-log-execution.succeeded{color:#059669}.action-log-execution.failed{color:#dc2626}.chain-summary-step.pending{opacity:.65}.report-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.report-stat{flex:1 1 110px;padding:8px 10px;border-radius:8px;background:var(--bg-hover, #f6f7f9);border-left:3px solid var(--border-color, #e5e7eb)}.report-stat.good{border-left-color:#10b981}.report-stat.bad{border-left-color:#ef4444}.report-stat.warn{border-left-color:#f59e0b}.report-stat-value{display:block;font-size:16px;font-weight:700;line-height:1.2}.report-stat-label{display:block;margin-top:2px;font-size:11px;color:var(--text-secondary, #6b7280)}.detail-table td.num,.detail-table th.num{text-align:right}.detail-table .is-good{color:#059669;font-weight:600}.detail-table .is-bad{color:#dc2626;font-weight:600}.report-more{margin-top:6px;font-size:11px;color:var(--text-secondary, #6b7280)}.report-breakdown{margin-top:12px}.report-breakdown-title{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary, #6b7280)}.report-bar-row{display:grid;grid-template-columns:130px 1fr 34px;align-items:center;gap:8px;margin-bottom:4px;font-size:12px}.report-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-bar-track{height:8px;border-radius:4px;background:var(--bg-hover, #eef0f3);overflow:hidden}.report-bar-fill{display:block;height:100%;border-radius:4px;background:#6366f1}.report-bar-count{text-align:right;font-weight:600;color:var(--text-secondary, #6b7280)}.recommendation-list{display:flex;flex-direction:column;gap:6px;width:100%}.recommendation{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;background:var(--bg-hover, #f6f7f9);font-size:12px}.recommendation-text{flex:1}.recommendation-act{flex-shrink:0;padding:4px 10px;border:1px solid #6366f1;border-radius:6px;background:transparent;color:#6366f1;font-size:11px;font-weight:600;cursor:pointer}.recommendation-act:hover{background:#6366f1;color:#fff}.approval-card.risk-send{--approval-accent: #6366f1}.approval-message{margin-bottom:10px;border:1px solid var(--border-light, #eef0f3);border-radius:8px;overflow:hidden}.approval-message-to{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-hover, #f6f7f9);font-size:12px}.approval-message-channel{font-weight:700}.approval-message-subject{padding:6px 10px;border-bottom:1px solid var(--border-light, #eef0f3);font-weight:600;font-size:12px}.approval-message-body{padding:9px 10px;white-space:pre-wrap;line-height:1.5}.approval-message-sandbox{padding:5px 10px;background:#6366f114;color:#4f46e5;font-size:11px;font-weight:600}.agent-account{display:flex;align-items:center;gap:8px;padding-left:10px;margin-left:4px;border-left:1px solid var(--border-color, #e5e7eb)}.agent-account-no{font-family:ui-monospace,monospace;font-size:11px;font-weight:600;color:var(--text-secondary, #6b7280)}.agent-signout{padding:4px 10px;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;background:transparent;color:var(--text-secondary, #6b7280);font-size:11px;font-weight:600;cursor:pointer}.agent-signout:hover{color:#dc2626;border-color:#dc2626}.auth-checking{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-secondary, #6b7280);font-size:14px}.orio-agent-shell{display:flex;height:100vh;overflow:hidden}.orio-agent-shell .orio-agent{flex:1;min-width:0;max-width:none;margin:0}.orio-mic-btn{flex-shrink:0;width:30px;height:30px;border:1px solid var(--border-color, #e5e7eb);border-radius:50%;background:var(--bg-card, #fff);color:var(--text-secondary, #6b7280);font-size:15px;cursor:pointer}.orio-mic-btn:hover:not(:disabled){border-color:#4f46e5;color:#4f46e5}.orio-mic-btn:disabled{opacity:.5;cursor:default}.orio-mic-btn.recording{border-color:#dc2626;color:#dc2626;animation:mic-pulse 1.4s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #dc262659}50%{box-shadow:0 0 0 7px #dc262600}}@media(prefers-reduced-motion:reduce){.orio-mic-btn.recording{animation:none}}.orio-speak-btn{margin-left:10px;padding:2px 8px;border:1px solid var(--border-color, #e5e7eb);border-radius:5px;background:transparent;color:var(--text-secondary, #6b7280);font-size:11px;font-weight:600;cursor:pointer;opacity:0;transition:opacity .12s}.orio-message:hover .orio-speak-btn,.orio-speak-btn.speaking{opacity:1}.orio-speak-btn:hover,.orio-speak-btn.speaking{border-color:#4f46e5;color:#4f46e5}.markdown-body{white-space:normal;font-size:14px;line-height:1.55;word-break:break-word}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body p{margin:0 0 8px}.markdown-body strong{font-weight:600}.markdown-body em{font-style:italic}.markdown-body ul,.markdown-body ol{margin:0 0 8px;padding-left:20px}.markdown-body li{margin:2px 0}.markdown-body li>p{margin:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:12px 0 6px;font-size:14px;font-weight:700;line-height:1.3}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:1px 5px;border-radius:4px;background:#0000000f}.markdown-body pre{white-space:pre;margin:0 0 8px;padding:10px 12px;border-radius:8px;overflow-x:auto;background:#0000000f}.markdown-body pre code{padding:0;background:none}.markdown-body blockquote{margin:0 0 8px;padding:2px 0 2px 12px;border-left:3px solid rgba(0,0,0,.15);opacity:.9}.markdown-body hr{border:0;border-top:1px solid rgba(0,0,0,.12);margin:12px 0}.markdown-table-wrap{overflow-x:auto;margin:0 0 8px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#ffffff80}.markdown-body table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.markdown-body th,.markdown-body td{padding:7px 12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.07)}.markdown-body th{font-weight:600;background:#0000000a;position:sticky;top:0}.markdown-body tbody tr:last-child td{border-bottom:0}.markdown-body tbody tr:hover{background:#1976d20d}.orio-message.user .markdown-body code,.orio-message.user .markdown-body pre{background:#ffffff2e}.orio-message.user .markdown-body blockquote,.orio-message.user .markdown-body hr{border-color:#ffffff59}.orio-message.user .markdown-table-wrap{border-color:#ffffff4d;background:none}.orio-message.user .markdown-body th{background:#ffffff26}.orio-message.user .markdown-body th,.orio-message.user .markdown-body td{border-bottom-color:#fff3}.tk-page{--tk-pending: #d98a0b;--tk-approved: var(--green, #10b981);--tk-rejected: var(--red, #ef4444);--tk-radius: 14px;max-width:1180px;margin:0 auto;padding:28px 24px 110px;color:var(--text-primary)}.tk-tone-pending{--tone: var(--tk-pending)}.tk-tone-approved{--tone: var(--tk-approved)}.tk-tone-rejected{--tone: var(--tk-rejected)}.tk-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.tk-crumb{display:inline-block;font-size:13px;color:var(--text-secondary);text-decoration:none;margin-bottom:8px}.tk-crumb:hover{color:var(--accent)}.tk-header h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.tk-header p{margin:0;color:var(--text-secondary);font-size:14px}.tk-header-side{display:flex;align-items:center;gap:10px}.tk-updated{font-size:12px;color:var(--text-secondary)}.tk-icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:17px;cursor:pointer;transition:background .15s,border-color .15s}.tk-icon-btn:hover{background:var(--bg-hover);border-color:var(--border-input)}.tk-icon-btn.is-spinning{animation:tk-spin .8s linear infinite}@keyframes tk-spin{to{transform:rotate(360deg)}}.tk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.tk-stat{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:var(--tk-radius);border:1px solid var(--border-color);background:var(--bg-card);color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.tk-stat:hover{border-color:color-mix(in srgb,var(--tone) 45%,var(--border-color))}.tk-stat.is-active{border-color:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 16%,transparent)}.tk-stat-num{grid-row:1 / span 2;font-size:30px;font-weight:700;line-height:1;color:var(--tone);min-width:34px;font-variant-numeric:tabular-nums}.tk-stat-label{font-size:14px;font-weight:600}.tk-stat-hint{font-size:12px;color:var(--text-secondary)}.tk-layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:16px;align-items:start}.tk-list-pane,.tk-detail-pane{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--tk-radius);box-shadow:0 1px 2px var(--shadow-card)}.tk-list-pane{position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 32px);overflow:hidden}.tk-search{padding:12px;border-bottom:1px solid var(--border-color)}.tk-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.tk-input{width:100%;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-input, var(--bg-card));border:1px solid var(--border-input);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}.tk-input::placeholder{color:var(--text-secondary);opacity:.8}.tk-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.tk-row{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;cursor:pointer;transition:background .12s,border-color .12s}.tk-row:hover{background:var(--bg-hover)}.tk-row.is-selected{background:color-mix(in srgb,var(--accent) 8%,var(--bg-card));border-color:color-mix(in srgb,var(--accent) 35%,var(--border-color))}.tk-row-dot{width:9px;height:9px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 18%,transparent)}.tk-row-main{display:flex;flex-direction:column;gap:3px;min-width:0}.tk-row-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-row-sub{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.tk-row-time{font-size:12px;color:var(--text-secondary)}.tk-row-no{font-size:11px;color:var(--text-secondary);opacity:.7;font-variant-numeric:tabular-nums}.tk-skeleton{height:62px;border-radius:10px;background:linear-gradient(90deg,var(--bg-hover) 25%,transparent 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:tk-shimmer 1.4s infinite}@keyframes tk-shimmer{to{background-position:-200% 0}}.tk-empty,.tk-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:40px 24px;color:var(--text-secondary);font-size:13px}.tk-empty strong,.tk-placeholder strong{color:var(--text-primary);font-size:15px}.tk-placeholder{min-height:360px;justify-content:center}.tk-empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--bg-hover);font-size:20px;margin-bottom:6px}.tk-detail{padding:24px;display:flex;flex-direction:column;gap:20px}.tk-back{display:none;align-self:flex-start;background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:0}.tk-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tk-detail-head h2{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.tk-detail-no{font-size:12px;color:var(--text-secondary)}.tk-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,transparent)}.tk-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tk-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 20px;margin:0;padding:14px 16px;background:var(--bg-hover);border-radius:12px}.tk-meta dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:3px}.tk-meta dd{margin:0;font-size:14px;font-weight:500;word-break:break-word}.tk-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:600;margin:0 0 8px}.tk-quote{margin:0;padding:12px 14px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 10px 10px 0;font-size:15px;line-height:1.5}.tk-muted-text{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.55}.tk-changes{display:flex;flex-direction:column;gap:8px}.tk-change{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;font-size:14px}.tk-change-field{font-weight:600;margin-right:4px}.tk-change-from{padding:2px 9px;border-radius:6px;background:color-mix(in srgb,var(--tk-rejected) 11%,transparent);color:var(--tk-rejected);text-decoration:line-through;text-decoration-thickness:1px}.tk-change-arrow{color:var(--text-secondary)}.tk-change-to{padding:2px 9px;border-radius:6px;background:color-mix(in srgb,var(--tk-approved) 13%,transparent);color:var(--tk-approved);font-weight:600}.tk-resolution{padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--tone) 30%,var(--border-color));background:color-mix(in srgb,var(--tone) 7%,transparent)}.tk-resolution-head{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.tk-resolution p{margin:10px 0 0;font-size:14px;font-style:italic}.tk-actions{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--border-color)}.tk-label{font-size:13px;font-weight:600}.tk-label em{font-weight:400;color:var(--text-secondary)}.tk-chips{display:flex;flex-wrap:wrap;gap:8px}.tk-chip{padding:5px 12px;font-size:12px;border-radius:999px;border:1px solid var(--border-input);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .12s}.tk-chip:hover{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.tk-btn-row{display:flex;gap:10px;flex-wrap:wrap}.tk-btn{padding:10px 18px;font-size:14px;font-weight:600;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:filter .15s,background .15s,border-color .15s}.tk-btn:disabled{opacity:.5;cursor:not-allowed}.tk-btn-approve{background:var(--tk-approved);color:#fff}.tk-btn-approve:not(:disabled):hover{filter:brightness(.92)}.tk-btn-danger{background:var(--tk-rejected);color:#fff}.tk-btn-danger:not(:disabled):hover{filter:brightness(.92)}.tk-btn-ghost{background:transparent;border-color:var(--border-input);color:var(--text-primary)}.tk-btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.tk-btn-ghost-danger{background:transparent;border-color:color-mix(in srgb,var(--tk-rejected) 45%,var(--border-color));color:var(--tk-rejected)}.tk-btn-ghost-danger:hover:not(:disabled){background:color-mix(in srgb,var(--tk-rejected) 8%,transparent)}.tk-error{padding:10px 14px;border-radius:10px;font-size:13px;color:var(--tk-rejected);background:color-mix(in srgb,var(--tk-rejected) 10%,transparent);border:1px solid color-mix(in srgb,var(--tk-rejected) 30%,transparent)}.tk-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);padding:11px 20px;border-radius:999px;font-size:14px;font-weight:500;color:#fff;background:#1f2937;box-shadow:0 8px 24px #00000040;animation:tk-toast-in .2s ease-out;z-index:50}@keyframes tk-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:860px){.tk-page{padding:18px 14px 110px}.tk-stats{gap:8px}.tk-stat{grid-template-columns:1fr;padding:12px;row-gap:2px}.tk-stat-num{grid-row:auto;font-size:24px}.tk-stat-hint{display:none}.tk-layout{grid-template-columns:1fr}.tk-list-pane{position:static;max-height:none}.tk-layout.has-selection .tk-list-pane{display:none}.tk-layout:not(.has-selection) .tk-detail-pane{display:none}.tk-back{display:inline-block}.tk-detail{padding:18px 16px}.tk-updated{display:none}}@media(prefers-reduced-motion:reduce){.tk-icon-btn.is-spinning,.tk-skeleton,.tk-toast{animation:none}}.outbox-page{max-width:1000px;margin:0 auto;padding:24px 20px 60px;color:var(--text-primary, #222)}.outbox-loading,.outbox-empty{padding:48px 0;text-align:center;color:var(--text-secondary, #777);font-size:14px}.outbox-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.outbox-back{color:var(--text-secondary, #666);text-decoration:none;font-size:14px;white-space:nowrap}.outbox-back:hover{color:#1976d2}.outbox-title{flex:1}.outbox-title h1{margin:0;font-size:20px}.outbox-title p{margin:2px 0 0;font-size:13px;color:var(--text-secondary, #777)}.outbox-refresh{padding:7px 14px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-secondary, #fff);color:inherit;font-size:13px;cursor:pointer}.outbox-refresh:hover{border-color:#1976d2;color:#1976d2}.outbox-mode{display:flex;align-items:baseline;gap:10px;padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;line-height:1.45}.outbox-mode strong{letter-spacing:.06em;font-size:12px}.outbox-mode.sandbox{background:#1976d214;border:1px solid rgba(25,118,210,.25);color:#0d47a1}.outbox-mode.live{background:#d32f2f17;border:1px solid rgba(211,47,47,.35);color:#b71c1c}.outbox-error{padding:10px 14px;border-radius:8px;background:#d32f2f14;border:1px solid rgba(211,47,47,.3);color:#b71c1c;font-size:13px;margin-bottom:14px}.outbox-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.outbox-stat{display:flex;flex-direction:column;align-items:center;min-width:78px;padding:9px 14px;border:1px solid var(--border, #e4e4e4);border-radius:10px;background:var(--bg-secondary, #fafafa)}.outbox-stat .n{font-size:18px;font-weight:700;line-height:1.1}.outbox-stat .k{font-size:11px;color:var(--text-secondary, #888);margin-top:2px}.outbox-stat.awaiting{border-color:#f57c0073}.outbox-stat.awaiting .n{color:#e65100}.outbox-filters{display:flex;gap:8px;margin-bottom:14px}.outbox-search{flex:1}.outbox-filters input,.outbox-filters select{padding:8px 11px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-secondary, #fff);color:inherit;font-size:13px}.outbox-filters input:focus,.outbox-filters select:focus{outline:none;border-color:#1976d2}.outbox-list{display:flex;flex-direction:column;gap:10px}.outbox-card{padding:12px 14px;border:1px solid var(--border, #e4e4e4);border-left:3px solid var(--border, #e4e4e4);border-radius:10px;background:var(--bg-secondary, #fff);cursor:pointer;transition:border-color .12s,box-shadow .12s}.outbox-card:hover{box-shadow:0 2px 10px #00000012}.outbox-card.recorded{border-left-color:#90a4ae}.outbox-card.sent{border-left-color:#9ccc65}.outbox-card.delivered,.outbox-card.read{border-left-color:#2e7d32}.outbox-card.queued{border-left-color:#1976d2}.outbox-card.blocked{border-left-color:#f57c00}.outbox-card.failed{border-left-color:#d32f2f}.outbox-card-top{display:flex;align-items:center;gap:9px;margin-bottom:7px}.outbox-channel{font-size:15px}.outbox-to{flex:1;display:flex;align-items:baseline;gap:8px;min-width:0}.outbox-to strong{font-size:14px;white-space:nowrap}.outbox-addr{min-width:0;font-size:12px;color:var(--text-secondary, #888);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outbox-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.outbox-status.recorded{background:#607d8b24;color:#455a64}.outbox-status.sent{background:#689f3824;color:#558b2f}.outbox-status.delivered,.outbox-status.read{background:#2e7d3224;color:#2e7d32}.outbox-status.queued{background:#1976d224;color:#1565c0}.outbox-status.blocked{background:#f57c0029;color:#e65100}.outbox-status.failed{background:#d32f2f24;color:#c62828}.outbox-time{font-size:11px;color:var(--text-secondary, #999);white-space:nowrap}.outbox-body{font-size:13px;line-height:1.5;color:var(--text-primary, #333);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.outbox-card-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}.outbox-tag{font-size:11px;padding:2px 8px;border-radius:6px;background:#0000000d;color:var(--text-secondary, #666)}.outbox-tag.id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.outbox-tag.awaiting{background:#f57c0024;color:#e65100}.outbox-tag.failed{background:#d32f2f1f;color:#c62828}.outbox-mark{margin-left:auto;padding:3px 11px;border:1px solid rgba(245,124,0,.5);border-radius:6px;background:none;color:#e65100;font-size:11px;cursor:pointer}.outbox-mark:hover:not(:disabled){background:#f57c001a}.outbox-mark:disabled{opacity:.5;cursor:default}.outbox-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.outbox-modal{width:100%;max-width:560px;max-height:82vh;overflow-y:auto;padding:18px 20px 20px;border-radius:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #222)}.outbox-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.outbox-modal-head h2{margin:0;font-size:16px}.outbox-modal-head button{border:none;background:none;font-size:17px;cursor:pointer;color:var(--text-secondary, #888)}.outbox-meta{display:grid;grid-template-columns:116px 1fr;gap:5px 12px;margin:0 0 16px;font-size:13px}.outbox-meta dt{color:var(--text-secondary, #888)}.outbox-meta dd{margin:0;word-break:break-word}.outbox-hint{color:var(--text-secondary, #999);font-size:12px}.outbox-err{color:#c62828}.outbox-modal-body{padding:13px 15px;border-radius:10px;background:var(--bg-secondary, #f4f6f8);font-size:13.5px;line-height:1.6;white-space:pre-wrap}@media(max-width:640px){.outbox-filters{flex-wrap:wrap}.outbox-search{flex-basis:100%}.outbox-meta{grid-template-columns:1fr;gap:2px}.outbox-meta dt{margin-top:8px}}.inbox-page{max-width:1180px;margin:0 auto;padding:20px 16px 28px;color:var(--text-primary, #222);display:flex;flex-direction:column;height:100vh;box-sizing:border-box}.inbox-loading,.inbox-empty{padding:40px 16px;text-align:center;color:var(--text-secondary, #888);font-size:13px}.inbox-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.inbox-back{color:var(--text-secondary, #666);text-decoration:none;font-size:14px;white-space:nowrap}.inbox-back:hover{color:#1976d2}.inbox-title{flex:1}.inbox-title h1{margin:0;font-size:19px}.inbox-title p{margin:2px 0 0;font-size:12.5px;color:var(--text-secondary, #888)}.inbox-refresh{padding:7px 14px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-secondary, #fff);color:inherit;font-size:13px;cursor:pointer}.inbox-refresh:hover{border-color:#1976d2;color:#1976d2}.inbox-banners{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.inbox-flag{flex:1 1 320px;display:flex;align-items:baseline;gap:9px;padding:9px 13px;border-radius:9px;font-size:12.5px;line-height:1.45}.inbox-flag strong{letter-spacing:.05em;font-size:11px;white-space:nowrap}.inbox-flag.sandbox{background:#1976d214;border:1px solid rgba(25,118,210,.25);color:#0d47a1}.inbox-flag.live{background:#d32f2f17;border:1px solid rgba(211,47,47,.32);color:#b71c1c}.inbox-flag.auto-on{background:#f57c001a;border:1px solid rgba(245,124,0,.35);color:#e65100}.inbox-flag.auto-off{background:#2e7d3217;border:1px solid rgba(46,125,50,.28);color:#2e7d32}.inbox-error{padding:9px 13px;border-radius:8px;margin-bottom:10px;background:#d32f2f14;border:1px solid rgba(211,47,47,.3);color:#b71c1c;font-size:12.5px}.inbox-body{flex:1;display:grid;grid-template-columns:300px 1fr;gap:12px;min-height:0}.inbox-list{display:flex;flex-direction:column;gap:7px;overflow-y:auto;padding-right:3px;min-height:0}.inbox-search{padding:8px 11px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-secondary, #fff);color:inherit;font-size:13px}.inbox-search:focus{outline:none;border-color:#1976d2}.inbox-filters{display:flex;gap:5px}.inbox-filter{flex:1;padding:5px 6px;border:1px solid var(--border, #e0e0e0);border-radius:7px;background:none;color:var(--text-secondary, #777);font-size:11px;cursor:pointer;white-space:nowrap}.inbox-filter.active{background:#1976d2;border-color:#1976d2;color:#fff}.inbox-filter.unanswered.active{background:#e65100;border-color:#e65100}.inbox-filter.failed.active{background:#c62828;border-color:#c62828}.inbox-item{text-align:left;width:100%;padding:9px 11px;border:1px solid var(--border, #e6e6e6);border-radius:9px;background:var(--bg-secondary, #fff);color:inherit;cursor:pointer;font:inherit}.inbox-item:hover{border-color:#b6c8e6}.inbox-item.active{border-color:#1976d2;background:#1976d20d}.inbox-item-top{display:flex;justify-content:space-between;align-items:baseline}.inbox-item-order{font-size:12px;font-weight:600}.inbox-item-time{font-size:10.5px;color:var(--text-secondary, #999)}.inbox-item-name{font-size:12.5px;margin-top:1px}.inbox-item-preview{font-size:11.5px;color:var(--text-secondary, #888);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inbox-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.inbox-tag{font-size:10px;padding:1px 6px;border-radius:5px;background:#0000000d;color:var(--text-secondary, #666)}.inbox-tag.courier{background:#673ab71f;color:#5e35b1}.inbox-tag.unanswered{background:#f57c0024;color:#e65100}.inbox-tag.failed{background:#d32f2f1f;color:#c62828}.inbox-thread{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border, #e6e6e6);border-radius:11px;background:var(--bg-secondary, #fff);overflow:hidden}.inbox-thread-head{padding:11px 15px;border-bottom:1px solid var(--border, #eee)}.inbox-thread-head h2{margin:0;font-size:14.5px}.inbox-thread-head span{font-size:11.5px;color:var(--text-secondary, #888)}.inbox-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.bubble-row{display:flex}.bubble-row.out{justify-content:flex-end}.bubble-row.in{justify-content:flex-start}.bubble{max-width:74%;padding:8px 11px;border-radius:13px;font-size:13px;line-height:1.5}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble.out.customer{background:#1976d2;color:#fff;border-bottom-right-radius:4px}.bubble.out.courier{background:#5e35b1;color:#fff;border-bottom-right-radius:4px}.bubble.in.customer{background:var(--bg-primary, #f0f2f5);border-bottom-left-radius:4px}.bubble.in.courier{background:#673ab721;border-bottom-left-radius:4px}.bubble-who{font-size:10.5px;opacity:.85;margin-bottom:3px;font-weight:600}.bubble-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:5px;font-size:10px;opacity:.8}.bubble.out .bubble-meta{color:#ffffffe6}.bubble-status.failed{color:#ffcdd2;font-weight:700}.bubble.in .bubble-status.failed{color:#c62828}.bubble-status.delivered,.bubble-status.read{font-weight:600}.bubble-redirect{font-style:italic}.bubble-auto{padding:0 5px;border-radius:4px;background:#00000017}.bubble.out .bubble-auto{background:#fff3}.bubble-error{margin-top:5px;padding:4px 7px;border-radius:5px;background:#d32f2f26;color:#ffebee;font-size:10.5px;line-height:1.4}.bubble.in .bubble-error{background:#d32f2f1a;color:#c62828}.bubble-attachment{display:block;width:100%;margin-top:6px;padding:7px 10px;border-radius:8px;border:none;background:#0000000f;color:inherit;font-size:12px;text-align:left;cursor:pointer;text-decoration:none}.bubble.out .bubble-attachment{background:#ffffff2e;color:#fff}.bubble-attachment:disabled{opacity:.6;cursor:default}.bubble-attachment.failed{background:#d32f2f1f;color:#c62828;padding:7px 10px;border-radius:8px;margin-top:6px;font-size:12px}.bubble-media{display:block;max-width:260px;max-height:260px;border-radius:8px;margin-top:6px}video.bubble-media{max-width:280px}.inbox-composer{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border, #eee)}.inbox-composer textarea{flex:1;resize:none;padding:8px 11px;border:1px solid var(--border, #ddd);border-radius:9px;background:var(--bg-primary, #fff);color:inherit;font:inherit;font-size:13px}.inbox-composer textarea:focus{outline:none;border-color:#1976d2}.inbox-composer button{padding:0 18px;border:none;border-radius:9px;background:#1976d2;color:#fff;font-size:13px;cursor:pointer}.inbox-composer button:disabled{opacity:.45;cursor:default}.inbox-composer.disabled{padding:12px;border-top:1px solid var(--border, #eee);font-size:12px;color:var(--text-secondary, #888)}@media(max-width:800px){.inbox-body{grid-template-columns:1fr}.inbox-list{max-height:200px}}.usage-page{max-width:1000px;margin:0 auto;padding:24px 20px 60px;color:var(--text-primary, #222)}.usage-loading,.usage-empty{padding:32px 0;text-align:center;color:var(--text-secondary, #777);font-size:14px}.usage-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.usage-back{color:var(--text-secondary, #666);text-decoration:none;font-size:14px;white-space:nowrap}.usage-back:hover{color:#1976d2}.usage-title{flex:1;min-width:200px}.usage-title h1{margin:0;font-size:20px}.usage-title p{margin:2px 0 0;font-size:13px;color:var(--text-secondary, #777)}.usage-days{display:flex;gap:4px}.usage-days button{padding:6px 12px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-secondary, #fff);color:inherit;font-size:13px;cursor:pointer}.usage-days button.active{background:#1976d2;border-color:#1976d2;color:#fff}.usage-refresh{padding:7px 14px;border:1px solid var(--border, #ddd);border-radius:8px;background:var(--bg-secondary, #fff);color:inherit;font-size:13px;cursor:pointer}.usage-refresh:hover{border-color:#1976d2;color:#1976d2}.usage-error{padding:10px 14px;border-radius:8px;background:#d32f2f14;border:1px solid rgba(211,47,47,.3);color:#b71c1c;font-size:13px;margin-bottom:14px}.usage-note{padding:10px 14px;border-radius:8px;background:#f57c0014;border:1px solid rgba(245,124,0,.3);color:#e65100;font-size:12.5px;line-height:1.5;margin-bottom:16px}.usage-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0000000f;padding:1px 5px;border-radius:4px}.usage-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:22px}.usage-card{display:flex;flex-direction:column;align-items:center;padding:14px 10px;border:1px solid var(--border, #e4e4e4);border-radius:12px;background:var(--bg-secondary, #fafafa)}.usage-card.highlight{background:#1976d20f;border-color:#1976d24d}.usage-card-value{font-size:20px;font-weight:700;line-height:1.2}.usage-card.highlight .usage-card-value{color:#1565c0}.usage-card-label{font-size:11px;color:var(--text-secondary, #888);margin-top:3px}.usage-section{margin-bottom:26px}.usage-section h2{font-size:14px;margin:0 0 10px}.usage-table-wrap{overflow-x:auto;border:1px solid var(--border, #e4e4e4);border-radius:10px}.usage-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.usage-table th,.usage-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--border, #eee)}.usage-table th{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary, #888);background:#00000005}.usage-table tbody tr:last-child td{border-bottom:none}.usage-table.compact td,.usage-table.compact th{padding:7px 12px;font-size:12.5px}.usage-provider-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.usage-provider-dot.anthropic{background:#d97757}.usage-provider-dot.ollama{background:#6b7280}.usage-provider-dot.openrouter{background:#7c3aed}.usage-provider-dot.openai{background:#10a37f}.usage-model-name{font-weight:500}.usage-provider-name{margin-left:8px;font-size:11px;color:var(--text-secondary, #999)}.usage-cost-cell{position:relative;display:flex;align-items:center;min-width:90px}.usage-cost-bar{position:absolute;left:0;top:-2px;bottom:-2px;background:#1976d21f;border-radius:4px;z-index:0}.usage-cost-cell span{position:relative;z-index:1;font-weight:500}.usage-daybars{display:flex;flex-direction:column;gap:6px}.usage-daybar-row{display:grid;grid-template-columns:90px 1fr 130px;align-items:center;gap:10px;font-size:12.5px}.usage-daybar-label{color:var(--text-secondary, #888)}.usage-daybar-track{height:10px;border-radius:5px;background:#0000000d;overflow:hidden}.usage-daybar-fill{height:100%;background:linear-gradient(90deg,#1976d2,#42a5f5);border-radius:5px;min-width:2px}.usage-daybar-value{text-align:right;color:var(--text-secondary, #666)}@media(max-width:560px){.usage-daybar-row{grid-template-columns:70px 1fr 100px}}.handoff-admin{max-width:1100px;margin:0 auto;padding:20px;font-family:Segoe UI,system-ui,sans-serif}.handoff-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.handoff-header-left{display:flex;align-items:center;gap:16px}.handoff-admin-header h1{font-size:22px;margin:0}.back-link{color:var(--text-secondary, #666);text-decoration:none;font-size:14px}.theme-toggle{background:none;border:1px solid var(--border, #e0e0e0);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px}.handoff-stats-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.handoff-stat{background:var(--bg-card, #fff);border:1px solid var(--border, #e0e0e0);border-radius:10px;padding:12px 20px;text-align:center;flex:1;min-width:100px}.handoff-stat.learned{border-color:#6ee7b7;background:#ecfdf5}.handoff-stat-value{display:block;font-size:24px;font-weight:700;color:var(--text-primary, #1a1a1a)}.handoff-stat-label{font-size:11px;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.handoff-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--border, #e0e0e0)}.handoff-tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary, #666);border-bottom:2px solid transparent;margin-bottom:-2px;display:flex;align-items:center;gap:6px}.handoff-tab.active{color:#6366f1;border-bottom-color:#6366f1}.tab-badge{background:#ef4444;color:#fff;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:700}.tab-count{background:#e5e7eb;padding:1px 7px;border-radius:10px;font-size:11px}.handoff-filters{display:flex;gap:6px;margin-bottom:14px}.filter-btn{padding:6px 14px;border:1px solid var(--border, #e0e0e0);border-radius:20px;background:var(--bg-card, #fff);cursor:pointer;font-size:13px;color:var(--text-secondary, #666)}.filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.handoff-list{display:flex;flex-direction:column;gap:8px}.handoff-empty{text-align:center;padding:40px;color:var(--text-secondary, #666)}.handoff-item{background:var(--bg-card, #fff);border:1px solid var(--border, #e0e0e0);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .15s}.handoff-item:hover{border-color:#6366f1}.handoff-item.selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.handoff-item.pending{border-left:4px solid #f59e0b}.handoff-item.assigned{border-left:4px solid #3b82f6}.handoff-item.resolved{border-left:4px solid #10b981;opacity:.8}.handoff-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.handoff-item-id{font-family:monospace;font-size:12px;color:var(--text-secondary, #666)}.handoff-status-badge{padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.handoff-status-badge.pending{background:#fef3c7;color:#92400e}.handoff-status-badge.assigned{background:#dbeafe;color:#1e40af}.handoff-status-badge.resolved{background:#d1fae5;color:#065f46}.handoff-item-query{font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text-primary, #1a1a1a)}.handoff-item-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary, #666)}.handoff-item-reply{margin-top:8px;padding:8px 12px;background:#f0fdf4;border-radius:8px;font-size:13px;color:#166534}.auto-learned-tag{display:inline-block;margin-left:8px;padding:1px 8px;background:#6ee7b7;color:#064e3b;border-radius:10px;font-size:10px;font-weight:600}.handoff-reply-panel{margin-top:16px;padding:18px;background:var(--bg-card, #fff);border:2px solid #6366f1;border-radius:12px}.handoff-reply-panel h3{margin:0 0 10px;font-size:16px}.handoff-reply-query{padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:10px;font-size:14px}.handoff-context{padding:10px 14px;background:#f1f5f9;border-radius:8px;margin-bottom:10px;font-size:13px;max-height:200px;overflow-y:auto}.context-msg{padding:4px 0}.context-msg.user{color:#1e40af}.context-msg.agent{color:#166534}.context-role{font-weight:600;text-transform:capitalize}.handoff-reply-form{display:flex;flex-direction:column;gap:10px}.handoff-agent-name{padding:8px 12px;border:1px solid var(--border, #e0e0e0);border-radius:8px;font-size:14px;width:250px}.handoff-reply-input{padding:10px 14px;border:1px solid var(--border, #e0e0e0);border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}.handoff-reply-actions{display:flex;justify-content:space-between;align-items:center}.auto-learn-hint{font-size:12px;color:#059669;font-style:italic}.handoff-resolve-btn{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.handoff-resolve-btn:hover{background:#059669}.handoff-resolve-btn:disabled{opacity:.5;cursor:not-allowed}.learned-header-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.add-learned-btn{padding:8px 18px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.add-learned-form{padding:16px;background:var(--bg-card, #fff);border:1px solid var(--border, #e0e0e0);border-radius:10px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.add-learned-form input,.add-learned-form textarea{padding:8px 12px;border:1px solid var(--border, #e0e0e0);border-radius:8px;font-size:14px;font-family:inherit}.add-learned-actions{display:flex;gap:8px;align-items:center}.add-learned-actions select{padding:6px 10px;border:1px solid var(--border, #e0e0e0);border-radius:6px}.add-learned-actions button{padding:6px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;background:#10b981;color:#fff}.add-learned-actions .cancel-btn{background:#9ca3af}.learned-list{display:flex;flex-direction:column;gap:8px}.learned-item{background:var(--bg-card, #fff);border:1px solid var(--border, #e0e0e0);border-radius:10px;padding:14px 16px}.learned-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.learned-category{padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.learned-category.human_handoff{background:#fef3c7;color:#92400e}.learned-category.manual{background:#dbeafe;color:#1e40af}.learned-category.general{background:#e5e7eb;color:#374151}.learned-category.policy{background:#ede9fe;color:#5b21b6}.learned-category.product{background:#fce7f3;color:#9d174d}.learned-category.shipping{background:#d1fae5;color:#065f46}.learned-uses{font-size:11px;color:var(--text-secondary, #666);margin-left:auto}.learned-delete{padding:2px 10px;background:none;border:1px solid #ef4444;border-radius:6px;color:#ef4444;font-size:11px;cursor:pointer}.learned-question{font-size:14px;margin-bottom:4px;color:var(--text-primary, #1a1a1a)}.learned-answer{font-size:13px;color:var(--text-secondary, #444);padding:6px 10px;background:#f8fafc;border-radius:6px;margin-bottom:6px}.learned-meta{font-size:11px;color:var(--text-secondary, #999)}[data-theme=dark] .handoff-stat{background:#1e1e2e;border-color:#333}[data-theme=dark] .handoff-stat.learned{background:#064e3b;border-color:#059669}[data-theme=dark] .handoff-item{background:#1e1e2e;border-color:#333}[data-theme=dark] .handoff-item.resolved{opacity:.7}[data-theme=dark] .handoff-item-reply{background:#064e3b;color:#6ee7b7}[data-theme=dark] .handoff-reply-panel{background:#1e1e2e}[data-theme=dark] .handoff-reply-query,[data-theme=dark] .handoff-context{background:#2a2a3e}[data-theme=dark] .learned-item{background:#1e1e2e;border-color:#333}[data-theme=dark] .learned-answer{background:#2a2a3e;color:#ccc}[data-theme=dark] .add-learned-form{background:#1e1e2e;border-color:#333}@media(max-width:768px){.handoff-admin{padding:12px}.handoff-stats-bar{flex-wrap:wrap}.handoff-stat{min-width:80px;padding:8px 12px}}.tm-page{max-width:1200px;margin:0 auto;padding:24px}.tm-loading{text-align:center;padding:60px;color:#888}.tm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tm-header-left h1{font-size:24px;margin:0}.tm-back{color:#6366f1;text-decoration:none;font-size:14px}.tm-subtitle{color:#888;font-size:14px;margin:4px 0 0}.tm-header-actions{display:flex;gap:8px}.tm-btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.tm-btn-primary{background:#6366f1;color:#fff}.tm-btn-primary:hover{background:#4f46e5}.tm-btn-primary:disabled{opacity:.5;cursor:not-allowed}.tm-btn-secondary{background:#f1f5f9;color:#334155}.tm-btn-secondary:hover{background:#e2e8f0}.tm-dept-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.tm-dept-tab{padding:8px 16px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s}.tm-dept-tab:hover{border-color:#6366f1}.tm-dept-tab.active{background:#6366f1;color:#fff;border-color:#6366f1}.tm-depts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:32px}.tm-dept-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.tm-dept-card-header{display:flex;align-items:flex-start;gap:12px}.tm-dept-icon{font-size:28px}.tm-dept-card-header h3{margin:0;font-size:16px}.tm-dept-card-header p{margin:2px 0 0;font-size:12px;color:#888}.tm-dept-actions{margin-left:auto;display:flex;gap:4px}.tm-dept-meta{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:#666}.tm-dept-keywords{display:flex;gap:4px;flex-wrap:wrap}.tm-keyword{background:#f1f5f9;padding:2px 8px;border-radius:10px;font-size:11px}.tm-section-title{font-size:18px;margin:0 0 16px;display:flex;align-items:center;gap:8px}.tm-count{background:#6366f1;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px}.tm-agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tm-agent-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:box-shadow .2s}.tm-agent-card:hover{box-shadow:0 4px 12px #00000014}.tm-agent-offline{opacity:.6}.tm-agent-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tm-agent-avatar{font-size:36px}.tm-agent-info h3{margin:0;font-size:15px;display:flex;align-items:center;gap:6px}.tm-agent-dept{font-size:12px;color:#888}.tm-head-badge{background:#fbbf24;color:#92400e;font-size:10px;padding:1px 6px;border-radius:4px;font-weight:700}.tm-status-dot{width:12px;height:12px;border-radius:50%;cursor:pointer;margin-left:auto;flex-shrink:0}.tm-status-active{background:#22c55e}.tm-status-offline{background:#94a3b8}.tm-agent-persona{font-size:13px;color:#666;margin:0 0 10px;line-height:1.4}.tm-agent-skills{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.tm-skill-tag{background:#eff6ff;color:#3b82f6;padding:2px 8px;border-radius:8px;font-size:11px}.tm-agent-footer{display:flex;justify-content:space-between;align-items:center}.tm-agent-meta{font-size:12px;color:#888}.tm-agent-actions{display:flex;gap:4px}.tm-icon-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:4px}.tm-icon-btn:hover{background:#f1f5f9}.tm-empty{text-align:center;padding:40px;color:#888;grid-column:1 / -1}.tm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tm-modal{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.tm-modal-wide{max-width:600px}.tm-modal h2{margin:0 0 20px;font-size:20px}.tm-form-group{margin-bottom:16px}.tm-form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#334155}.tm-form-group input,.tm-form-group select,.tm-form-group textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;background:#fff}.tm-form-group textarea{resize:vertical}.tm-form-group input:focus,.tm-form-group select:focus,.tm-form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tm-hint{font-size:11px;color:#888;margin-top:4px;display:block}.tm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tm-icon-picker{display:flex;flex-wrap:wrap;gap:6px}.tm-icon-option{width:36px;height:36px;border:2px solid #e2e8f0;border-radius:8px;font-size:18px;cursor:pointer;background:#fff;display:flex;align-items:center;justify-content:center}.tm-icon-option:hover{border-color:#6366f1}.tm-icon-option.selected{border-color:#6366f1;background:#eff6ff}.tm-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.tm-checkbox-group input[type=checkbox]{width:auto}.tm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}@media(prefers-color-scheme:dark){.tm-page{color:#e2e8f0}.tm-dept-card,.tm-agent-card,.tm-modal{background:#1e293b;border-color:#334155}.tm-dept-tab{background:#1e293b;border-color:#334155;color:#e2e8f0}.tm-dept-tab.active{background:#6366f1;border-color:#6366f1}.tm-form-group input,.tm-form-group select,.tm-form-group textarea{background:#0f172a;border-color:#334155;color:#e2e8f0}.tm-btn-secondary{background:#334155;color:#e2e8f0}.tm-keyword{background:#334155}.tm-skill-tag{background:#1e3a5f}.tm-icon-btn:hover{background:#334155}.tm-icon-option{background:#0f172a;border-color:#334155}.tm-icon-option.selected{background:#1e3a5f}}*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=light]{--bg-primary: #f0f2f5;--bg-card: #ffffff;--bg-chat-messages: #f7f8fa;--bg-input: #ffffff;--bg-bubble-agent: #e8ecf3;--bg-hover: #f3f4f6;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-bubble-agent: #1a1a2e;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-input: #d1d5db;--accent: #1a56db;--accent-hover: #1648b8;--accent-shadow: rgba(26, 86, 219, .4);--shadow-card: rgba(0, 0, 0, .08);--shadow-window: rgba(0, 0, 0, .15);--green: #10b981;--red: #ef4444;--kpi-bg: #ffffff;--table-header-border: #e5e7eb;--table-row-border: #f3f4f6;--best-badge-bg: #ecfdf5;--best-badge-color: #059669;--btn-analytics-bg: #ffffff;--btn-analytics-color: #374151;--btn-analytics-border: #d1d5db}[data-theme=dark]{--bg-primary: #0f1117;--bg-card: #1a1d27;--bg-chat-messages: #12141c;--bg-input: #1a1d27;--bg-bubble-agent: #252836;--bg-hover: #252836;--text-primary: #e4e6eb;--text-secondary: #9ca3af;--text-bubble-agent: #e4e6eb;--border-color: #2d3041;--border-light: #252836;--border-input: #3d4155;--accent: #4b7cf3;--accent-hover: #3d6be0;--accent-shadow: rgba(75, 124, 243, .4);--shadow-card: rgba(0, 0, 0, .3);--shadow-window: rgba(0, 0, 0, .5);--green: #34d399;--red: #f87171;--kpi-bg: #1a1d27;--table-header-border: #2d3041;--table-row-border: #252836;--best-badge-bg: #0d3320;--best-badge-color: #34d399;--btn-analytics-bg: #1a1d27;--btn-analytics-color: #d1d5db;--btn-analytics-border: #3d4155}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background .3s,color .3s}