:root{color-scheme:light dark;--color-bg: #f6f4ef;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-sidebar-bg: #12233b;--color-sidebar-text: #e9edf2;--color-sidebar-text-muted: #93a3b8;--color-sidebar-hover: #1a3252;--color-sidebar-active: #204066;--color-sidebar-border: #1a2d47;--color-border: #e4e1d8;--color-text: #1b2430;--color-text-muted: #6b7280;--color-brand: #1f3f66;--color-brand-hover: #16304f;--color-brand-text: #ffffff;--color-assistant-bubble: #eef1f4;--color-error-bg: #fdecec;--color-error-text: #b42318;--color-error-border: #f3aeae;--color-info-bg: #fff8e6;--color-info-text: #93650a;--color-info-border: #f4d98a;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 16px rgba(16, 24, 40, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--sidebar-width: 272px}:root[data-theme=dark]{--color-bg: #0d1420;--color-surface: #131c2c;--color-surface-raised: #182437;--color-border: #29394f;--color-text: #e8ecf2;--color-text-muted: #9fb0c4;--color-brand: #7ea6d9;--color-brand-hover: #96b8e2;--color-brand-text: #0d1420;--color-assistant-bubble: #1b2739;--color-error-bg: #2c1414;--color-error-text: #f28b8b;--color-error-border: #5c2626;--color-info-bg: #2a2413;--color-info-text: #f0cf74;--color-info-border: #5c4d20;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;background:var(--color-bg);color:var(--color-text);font-size:15px}#root{display:flex;flex-direction:column;height:100vh}.app-shell{display:flex;flex:1;min-height:0;width:100%}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;font-weight:500;transition:background-color .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:var(--color-assistant-bubble)}.btn-primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-text)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.btn-icon-only{padding:.4rem;border:none;background:transparent}.btn-icon-only:hover:not(:disabled){background:var(--color-assistant-bubble)}.btn-icon{width:16px;height:16px}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;gap:.75rem;padding:1rem .75rem;border-right:1px solid var(--color-sidebar-border)}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:0 .25rem .5rem}.brand-mark{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.welcome-mark{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;box-shadow:var(--shadow-sm)}.sidebar-brand h1{font-size:1rem;font-weight:600;margin:0;line-height:1.2;color:var(--color-sidebar-text)}.sidebar-brand .subtitle{font-size:.72rem;color:var(--color-sidebar-text-muted)}.sidebar-new{width:100%;justify-content:center}.sidebar-history{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.sidebar-empty{color:var(--color-sidebar-text-muted);font-size:.82rem;padding:0 .5rem}.sidebar-group-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-sidebar-text-muted);padding:.2rem .5rem}.sidebar-item{display:flex;align-items:center;border-radius:var(--radius-sm)}.sidebar-item:hover{background:var(--color-sidebar-hover)}.sidebar-item.active{background:var(--color-sidebar-active)}.sidebar-item-btn{flex:1;min-width:0;text-align:left;background:none;border:none;color:var(--color-sidebar-text);padding:.5rem .6rem;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-delete{background:none;border:none;color:var(--color-sidebar-text-muted);padding:.4rem .6rem .4rem .2rem;opacity:0;transition:opacity .1s ease}.sidebar-item:hover .sidebar-item-delete{opacity:1}.sidebar-item-delete:hover{color:var(--color-error-text)}.sidebar-scrim{display:none}.main-panel{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.topbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.topbar-title{flex:1;min-width:0;font-size:.95rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{display:none}.chat-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden}#messages{flex:1;overflow-y:auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem;max-width:820px;width:100%;margin:0 auto}#messages::-webkit-scrollbar{width:8px}#messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.welcome{margin:auto;text-align:center;max-width:440px;padding:1.5rem;color:var(--color-text-muted)}.welcome h2{color:var(--color-text);font-size:1.25rem;margin:0 0 .4rem}.welcome p{margin:0 0 1.1rem;font-size:.9rem}.suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.suggestion-card{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);text-align:left;transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease}.suggestion-card:hover{border-color:var(--color-brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.suggestion-card-icon{width:22px;height:22px;flex-shrink:0;color:var(--color-brand);margin-top:.1rem}.suggestion-card-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.suggestion-card-label{font-size:.88rem;font-weight:600}.suggestion-card-description{font-size:.78rem;color:var(--color-text-muted)}@media (max-width: 520px){.suggestions{grid-template-columns:1fr}}.msg{display:flex;gap:.6rem;align-items:flex-start;animation:msg-in .15s ease-out}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg.user{flex-direction:row-reverse}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:600}.msg.assistant .avatar{background:var(--color-brand);color:var(--color-brand-text)}.msg.user .avatar{background:var(--color-assistant-bubble);color:var(--color-text-muted)}.avatar-icon{width:16px;height:16px}.msg-body{display:flex;flex-direction:column;max-width:75%}.msg.user .msg-body{align-items:flex-end}.bubble{padding:.6rem .85rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:var(--color-surface-raised)}.bubble-text{white-space:pre-wrap;font-size:.92rem;line-height:1.45}.bubble-text p{margin:0 0 .5rem}.bubble-text p:last-child{margin-bottom:0}.bubble-text ul,.bubble-text ol{margin:0 0 .5rem;padding-left:1.25rem}.bubble-text code{background:#7f7f7f2e;border-radius:4px;padding:.1rem .3rem;font-size:.85em}.msg.user .bubble{background:var(--color-brand);color:var(--color-brand-text);border-bottom-right-radius:4px}.msg.assistant .bubble{background:var(--color-assistant-bubble);color:var(--color-text);border-bottom-left-radius:4px}.msg.assistant .bubble.error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.msg.assistant .bubble.clarification{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.bubble-flag{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;margin-bottom:.35rem}.bubble-flag-icon{width:15px;height:15px;flex-shrink:0}.msg-meta{display:flex;align-items:center;gap:.6rem;margin-top:.3rem;padding:0 .2rem}.msg-timestamp{font-size:.7rem;color:var(--color-text-muted)}.msg-action{display:inline-flex;align-items:center;gap:.25rem;border:none;background:none;color:var(--color-text-muted);font-size:.72rem;padding:.1rem .2rem}.msg-action:hover{color:var(--color-text)}.msg-action-icon{width:13px;height:13px}.msg-action-retry{margin-top:.5rem;font-size:.8rem;color:inherit;font-weight:600}.typing-indicator{display:inline-flex;gap:.25rem;align-items:center;padding:.15rem 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:typing-bounce 1.1s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}.table-scroll{overflow-x:auto;margin-top:.6rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.table-empty{margin:.6rem 0 0;font-size:.85rem;color:var(--color-text-muted)}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{padding:.4rem .65rem;text-align:left;white-space:nowrap}th{background:var(--color-surface-raised);color:var(--color-text-muted);font-weight:600;border-bottom:1px solid var(--color-border);position:sticky;top:0}.th-sort{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:inherit;font:inherit;font-weight:inherit;padding:0}.sort-icon{width:11px;height:11px}.sort-icon.sort-desc{transform:rotate(180deg)}td{border-bottom:1px solid var(--color-border)}tr:last-child td{border-bottom:none}.csv-link{display:inline-flex;align-items:center;gap:.3rem;margin-top:.5rem;font-size:.82rem;color:inherit;text-decoration:underline}.chart-wrap{margin-top:.6rem}.chart-svg{width:100%;height:auto}.chart-axis{stroke:var(--color-border);stroke-width:1}.chart-bar{fill:var(--color-brand)}.chart-line{stroke:var(--color-brand);stroke-width:2}.chart-dot{fill:var(--color-brand)}.chart-tick{fill:var(--color-text-muted);font-size:9px}#chat-form{display:flex;align-items:flex-end;gap:.6rem;padding:.9rem 1.25rem 1.25rem;background:var(--color-bg);max-width:820px;width:100%;margin:0 auto}textarea.chat-textarea{flex:1;font:inherit;font-size:.92rem;padding:.6rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);resize:none;max-height:160px;line-height:1.4;box-shadow:var(--shadow-sm)}textarea.chat-textarea:focus{outline:none;border-color:var(--color-brand)}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-brand);color:var(--color-brand-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s ease}.send-btn:hover:not(:disabled){background:var(--color-brand-hover)}.send-btn svg{width:18px;height:18px}@media (max-width: 880px){.sidebar-toggle{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow-md)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10}}@media (max-width: 520px){#messages,#chat-form{padding-left:.75rem;padding-right:.75rem}.msg-body{max-width:88%}:root{--sidebar-width: 84vw}}