:root{--navy: #1B365D;--navy-light: #2A4A7A;--navy-dark: #122440;--gold: #C4A265;--gold-hover: #D4B275;--gold-dark: #A8893E;--surface-base: #FFFFFF;--surface-elevated: #F8F9FA;--surface-sunken: #F1F3F5;--surface-hover: #E9ECEF;--text-primary: #1A1A1A;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--text-inverse: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--error: #C0392B;--error-bg: #FDEDEB;--accent: var(--navy);--accent-subtle: rgba(27, 54, 93, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 24px;--radius-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--surface-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chat-layout{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:var(--surface-base)}.chat-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-light);flex-shrink:0;min-height:48px}.chat-topbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:background .15s}.chat-topbar-btn:hover:not(:disabled){background:var(--surface-sunken)}.chat-topbar-new{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:default}.chat-topbar-spacer{flex:1}.chat-topbar-brand{font-weight:700;font-size:var(--text-base);color:var(--gold-dark);letter-spacing:.05em}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:var(--space-6) var(--space-4);gap:0}.chat-welcome-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-primary);margin-bottom:var(--space-5)}.chat-welcome-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em}.chat-welcome-name{color:var(--text-tertiary)}.chat-welcome-sub{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:var(--space-10)}.chat-suggestions{display:flex;gap:var(--space-3);max-width:720px;width:100%}.chat-suggestion-card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--surface-base);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-family:var(--font);transition:border-color .2s,box-shadow .2s}.chat-suggestion-card:hover{border-color:var(--navy-light);box-shadow:0 2px 12px #1b365d14}.chat-suggestion-icon{color:var(--text-secondary)}.chat-suggestion-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.chat-suggestion-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.msg{display:flex;max-width:680px;width:100%;margin:0 auto}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start}.msg-bubble{max-width:85%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:1.6;word-break:break-word}.msg-bubble-user{background:var(--navy);color:var(--text-inverse);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl)}.msg-bubble-assistant{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm)}.msg-bubble strong{font-weight:600}.msg-bubble ul,.msg-bubble ol{margin:var(--space-1) 0;padding-left:var(--space-5)}.msg-bubble li{margin-bottom:2px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-sm);width:fit-content;max-width:680px;margin:0 auto;align-self:flex-start}.typing-indicator span{display:block;width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);animation:typing 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-input-bar{padding:var(--space-3) var(--space-5) var(--space-5);flex-shrink:0}.chat-input-wrap{display:flex;align-items:flex-end;gap:var(--space-2);max-width:680px;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);background:var(--surface-base);transition:border-color .15s,box-shadow .15s}.chat-input-wrap:focus-within{border-color:var(--navy-light);box-shadow:0 0 0 3px #1b365d14}.chat-input{flex:1;resize:none;border:none;padding:var(--space-2) 0;font-family:var(--font);font-size:var(--text-base);line-height:1.45;color:var(--text-primary);background:transparent;outline:none;max-height:120px;overflow-y:auto}.chat-input::placeholder{color:var(--text-tertiary)}.chat-input:disabled{opacity:.6}.chat-send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-full);background:var(--navy);color:var(--text-inverse);cursor:pointer;flex-shrink:0;transition:background .15s,opacity .15s}.chat-send:hover:not(:disabled){background:var(--navy-light)}.chat-send:disabled{opacity:.3;cursor:not-allowed}.generate-bar{display:flex;justify-content:center;padding:var(--space-2) var(--space-5);flex-shrink:0}.generate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--gold);color:var(--navy-dark);font-family:var(--font);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 2px 8px #1b365d2e}.generate-btn:hover:not(:disabled){background:var(--gold-hover);transform:translateY(-1px)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.7;cursor:wait}.generate-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--navy-dark);border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editable-table-wrap{margin:var(--space-3) 0;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.editable-table-title{padding:var(--space-2) var(--space-3);font-weight:600;font-size:var(--text-sm);color:var(--navy);background:var(--surface-sunken);border-bottom:1px solid var(--border)}.table-loading{padding:var(--space-2) 0;color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.editable-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.editable-table th{background:var(--navy);color:var(--text-inverse);padding:var(--space-1) var(--space-2);text-align:left;font-weight:600;white-space:nowrap;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em}.editable-table td{padding:1px;border-bottom:1px solid var(--border-light)}.editable-table-input{width:100%;border:1px solid transparent;background:transparent;padding:var(--space-1) var(--space-2);font-family:var(--font);font-size:var(--text-sm);color:var(--text-primary);outline:none;transition:border-color .15s,background .15s}.editable-table-input:hover{background:var(--surface-hover)}.editable-table-input:focus{border-color:var(--navy-light);background:var(--surface-base)}.editable-table-actions{width:28px;text-align:center}.editable-table-remove{border:none;background:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;line-height:1;padding:2px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.editable-table-remove:hover{color:var(--error);background:var(--error-bg)}.editable-table-add{display:inline-block;margin:var(--space-2) var(--space-3);border:1px dashed var(--border);background:none;color:var(--text-secondary);font-family:var(--font);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s,color .15s}.editable-table-add:hover{border-color:var(--navy-light);color:var(--navy)}.construction-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);z-index:9999}.construction-modal{text-align:center;padding:var(--space-12) var(--space-8);max-width:480px;width:90%;background:var(--surface-base);border-radius:var(--radius-xl);box-shadow:0 25px 60px #00000059;animation:constructionFadeIn .6s ease-out}@keyframes constructionFadeIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.construction-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--accent-subtle);color:var(--accent);margin-bottom:var(--space-6)}.construction-title{font-size:1.625rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3);letter-spacing:-.025em}.construction-text{font-size:var(--text-md);color:var(--text-secondary);margin:0 0 var(--space-6);line-height:1.6}.construction-divider{width:48px;height:2px;background:var(--gold);margin:0 auto var(--space-6);border-radius:1px}.construction-signature{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8;margin:0;font-weight:500}.skeleton-wrap{display:flex;flex-direction:column;height:100vh;background:var(--surface-base)}.skeleton-header{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-light)}.skeleton-line{height:12px;border-radius:var(--radius-sm);background:var(--surface-sunken);animation:shimmer 1.6s ease-in-out infinite}.skeleton-line.w60{width:60px}.skeleton-line.w40{width:100px}.skeleton-line.full{width:100%}.skeleton-body{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);max-width:680px;margin:0 auto;width:100%}.skeleton-bubble{height:48px;border-radius:var(--radius-xl);animation:shimmer 1.6s ease-in-out infinite}.skeleton-bubble.left{width:55%;background:var(--surface-sunken);align-self:flex-start}.skeleton-bubble.right{width:40%;background:var(--surface-sunken);align-self:flex-end}.skeleton-bubble.wide{width:70%}.skeleton-input{padding:var(--space-3) var(--space-5)}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-2);padding:var(--space-6);text-align:center}.error-icon{color:var(--error);margin-bottom:var(--space-2)}.error-title{font-weight:600;font-size:var(--text-md);color:var(--text-primary)}.error-detail{font-size:var(--text-sm);color:var(--text-secondary);max-width:360px;line-height:1.6}