:root{--bg-page: #f7f8fa;--bg-surface: #ffffff;--bg-subtle: #f4f5f7;--bg-muted: #eceef1;--border: #e6e8eb;--border-strong: #d4d7dc;--text-primary: #1a1d21;--text-secondary: #5c636e;--text-muted: #8a909a;--text-disabled: #b4b9c1;--accent: #16a34a;--accent-hover: #15803d;--accent-active: #166534;--accent-subtle: #e7f6ec;--accent-ring: rgba(22, 163, 74, .32);--brand-green: #25d366;--success: #16a34a;--success-bg: #e7f6ec;--success-text: #166534;--warning: #d97706;--warning-bg: #fef3e2;--warning-text: #92560a;--danger: #dc2626;--danger-bg: #fdecec;--danger-text: #991b1b;--info: #2563eb;--info-bg: #e8f0fe;--info-text: #1e40af;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px;--shadow-card: 0 0 0 1px rgb(0 0 0 / .04), 0 1px 2px rgb(16 24 40 / .06);--shadow-md: 0 4px 6px -1px rgb(16 24 40 / .08), 0 2px 4px -2px rgb(16 24 40 / .06);--shadow-popover: 0 0 0 1px rgb(0 0 0 / .04), 0 8px 24px -6px rgb(16 24 40 / .12), 0 2px 6px -2px rgb(16 24 40 / .06);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .18s;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.57;background:var(--bg-page);color:var(--text-primary);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:var(--accent-subtle)}:focus{outline:none}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring);border-radius:inherit}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#d9dde2;border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#c4c9d0;background-clip:padding-box}.app{display:flex;min-height:100vh}.sidebar{width:256px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);padding:18px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px}.brand .logo{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#25d366,#16a34a);border-radius:10px;font-size:19px;box-shadow:0 2px 6px #16a34a40}.brand .name{font-size:15px;font-weight:600;letter-spacing:-.01em}.brand .who{font-size:12px;font-weight:500;color:var(--text-muted);margin-top:1px}.nav-group{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:14px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px;border-radius:var(--r-md);color:var(--text-secondary);font-size:14px;font-weight:500;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.nav-link .ico{font-size:16px;width:20px;text-align:center}.nav-link:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-link.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-footer{margin-top:auto;font-size:11px;color:var(--text-muted);padding:12px 10px 2px}.main{flex:1;padding:32px 40px;max-width:1040px;width:100%;margin:0 auto;animation:fade var(--dur-base) var(--ease-out)}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{margin-bottom:24px}h1{margin:0 0 4px;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.33}.page-head p{margin:0;color:var(--text-secondary);font-size:14px}h2{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 16px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;margin-bottom:20px;box-shadow:var(--shadow-card)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:20px}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-card);transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat .label{font-size:12px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.stat .label .dot{width:8px;height:8px;border-radius:50%}.stat .value{font-size:28px;font-weight:600;margin-top:8px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin:14px 0 6px}input,select{width:100%;height:38px;padding:0 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input::placeholder{color:var(--text-muted)}input:hover,select:hover{border-color:var(--border-strong)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}button{height:38px;padding:0 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-weight:500;font-size:14px;font-family:inherit;cursor:pointer;margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px 2px #10182814;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){background:var(--accent-active)}button.secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:none}button.secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}button.ghost{background:transparent;color:var(--text-secondary);box-shadow:none}button.ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.sm{height:30px;padding:0 11px;font-size:13px;margin-top:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 14px}th{color:var(--text-muted);font-weight:500;font-size:12px;border-bottom:1px solid var(--border)}td{border-bottom:1px solid var(--border);color:var(--text-primary)}tbody tr{transition:background var(--dur-fast) var(--ease)}tbody tr:hover{background:var(--bg-subtle)}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);font-size:12px;font-weight:500;background:var(--bg-subtle);color:var(--text-secondary)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:var(--success-bg);color:var(--success-text)}.badge.blue{background:var(--info-bg);color:var(--info-text)}.badge.warn{background:var(--warning-bg);color:var(--warning-text)}.badge.gray{background:var(--bg-subtle);color:var(--text-muted)}.error{color:var(--danger-text);font-size:13px;margin-top:12px;background:var(--danger-bg);padding:9px 12px;border-radius:var(--r-md)}.muted{color:var(--text-secondary)}.empty{color:var(--text-muted);text-align:center;padding:40px 0}.empty .ico{font-size:30px;opacity:.5;display:block;margin-bottom:8px}.chat{display:flex;flex-direction:column;height:calc(100vh - 150px)}.chat-window{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:22px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.msg-row{display:flex;flex-direction:column;margin-bottom:10px;animation:pop var(--dur-base) var(--ease-out)}.msg-row.user{align-items:flex-end}.msg-row.bot{align-items:flex-start}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bubble{max-width:74%;padding:9px 13px;border-radius:18px;white-space:pre-wrap;line-height:1.45;font-size:15px}.bubble.bot{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble.user{background:var(--brand-green);color:#07301a;border-bottom-right-radius:6px;font-weight:500}.stamp{font-size:11px;color:var(--text-muted);margin:4px 6px 0}.typing{display:flex;gap:4px;padding:13px 15px}.typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:typing 1.2s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.quick{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 2px}.quick button{margin-top:0;height:32px;padding:0 13px;font-size:13px;background:var(--bg-surface);color:var(--accent);border:1px solid var(--border);box-shadow:none;font-weight:500}.quick button:hover{background:var(--accent-subtle);border-color:var(--accent)}.composer{display:flex;align-items:center;gap:10px;margin-top:14px;padding:7px 7px 7px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-card);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.composer input{flex:1;height:34px;border:none;box-shadow:none!important;padding:0;font-size:15px;background:transparent}.composer input:hover{border:none}.send-btn{width:38px;height:38px;border-radius:var(--r-pill);margin-top:0;padding:0;flex-shrink:0;font-size:16px}.chat-layout{display:flex;gap:18px;height:calc(100vh - 64px)}.threads{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.new-chat{margin-top:0;width:100%;background:var(--accent);color:#fff}.thread-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.thread{padding:11px 13px;cursor:pointer;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;color:var(--text-primary);border:1px solid transparent;border-radius:var(--r-lg);transition:background var(--dur-fast) var(--ease)}.thread:hover{background:var(--bg-subtle)}.thread.active{background:var(--accent-subtle)}.thread-main{flex:1;min-width:0}.thread-delete{flex-shrink:0;opacity:0;font-size:13px;padding:4px 6px;border-radius:var(--r-sm);transition:opacity var(--dur-fast),background var(--dur-fast)}.thread:hover .thread-delete{opacity:.55}.thread-delete:hover{opacity:1!important;background:var(--danger-bg)}.thread-top{display:flex;justify-content:space-between;align-items:baseline}.thread-title{font-size:14px;font-weight:600}.thread-time{font-size:11px;color:var(--text-muted);font-weight:400}.thread-preview{font-size:12.5px;color:var(--text-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.chat-layout .chat{flex:1;height:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}.chat-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.chat-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.icon-toggle{margin-top:0;height:38px;width:38px;padding:0;font-size:17px;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);box-shadow:none;border-radius:var(--r-md)}.icon-toggle:hover:not(:disabled){background:var(--bg-subtle)}.mic-btn{margin-top:0;height:38px;width:38px;padding:0;flex-shrink:0;font-size:16px;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);box-shadow:none;border-radius:var(--r-pill)}.mic-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.mic-btn.listening{background:var(--danger);color:#fff;border-color:transparent;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.hint{display:flex;align-items:center;gap:10px;background:var(--accent-subtle);color:var(--success-text);border-radius:var(--r-lg);padding:12px 16px;margin-bottom:20px;font-size:13.5px}.hint a{font-weight:600;text-decoration:underline}.greeting{font-size:22px;font-weight:600;letter-spacing:-.02em}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 820px){.dash-grid{grid-template-columns:1fr}}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-head h2{margin:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row .route{font-weight:500}.list-row .sub{font-size:12px;color:var(--text-muted);margin-top:2px}.cta-link{font-size:13px;color:var(--accent);font-weight:500}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,#ffffff,var(--accent-subtle));border-color:transparent}.cta-card button{margin-top:0;white-space:nowrap}