@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";--tb-navy: #16205c;--tb-blue: #0080ff;--tb-cyan: #00c4ff;--tb-white: #ffffff;--bg-0: #f4f6fb;--bg-1: #e8edf6;--panel: #ffffff;--ink: #1a1f36;--ink-secondary: #3d4663;--muted: #6b7694;--line: #d8e0ef;--accent: #0080ff;--accent-hover: #0094ff;--accent-soft: rgba(0, 128, 255, .08);--danger: #ff3b30;--success: #30d158;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 980px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .08), 0 8px 20px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 60px rgba(0, 0, 0, .12), 0 10px 24px rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .18);--glass-dark-bg: rgba(15, 15, 20, .78);--glass-dark-border: rgba(255, 255, 255, .08);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--transition-slow: .4s var(--ease-out)}.brand-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--tb-navy),#2d4f9e);color:var(--tb-white);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.04em;flex-shrink:0;line-height:1}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{color:var(--ink);background:var(--bg-0);overflow-x:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}::selection{background:#0071e333;color:var(--ink)}.login-showcase,.login-showcase *,.login-card-brand,.login-card-brand *,.login-card-slogan,.login-footer,.login-footer *,.login-field-label,.login-submit,.login-secure-note,.login-error,.glass-sidebar,.glass-sidebar *:not(input):not(textarea),.stats-bar,.stats-bar *:not(input):not(textarea),.welcome-message,.welcome-message *:not(input):not(textarea):not(button),.message-header,.message-avatar,.trendbot-loading,.trendbot-loading *,.loading-stage-track,.loading-stage-track *,.result-table-head,.result-table-head *:not(button),.input-disclaimer,.user-profile,.user-profile *:not(button),.history-label,.history-item,.history-title,.history-date,.sidebar-header,.sidebar-workspace-label,.new-chat-button,.new-chat-section,.question-chip,.user-profile-menu,.user-profile-menu *:not(button):not(input),.token-balance-widget,.token-balance-modal,.token-balance-modal *:not(button):not(input),.engine-status-badge,.ghost-button,.brand-user-avatar{user-select:none;-webkit-user-select:none}.login-form input,.login-form textarea,.history-title-input,.chat-input,textarea.chat-input,.message-text{user-select:text;-webkit-user-select:text}.login-showcase img,.login-card img,.glass-sidebar img,.welcome-message img,.trendbot-loading img,.feature-icon-img{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:980px}::-webkit-scrollbar-thumb:hover{background:#00000040}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes softPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.app-container{display:flex;width:100%;height:100vh;overflow:hidden;background:var(--bg-0)}.glass-sidebar{width:280px;height:100vh;flex-shrink:0;display:flex;flex-direction:column;padding:16px 12px;background:radial-gradient(ellipse 120% 80% at 0% 0%,rgba(0,128,255,.12) 0%,transparent 55%),radial-gradient(ellipse 90% 60% at 100% 100%,rgba(0,196,255,.06) 0%,transparent 50%),linear-gradient(180deg,#0f1838 0%,var(--tb-navy) 45%,#0c1430 100%);border-right:.5px solid rgba(0,196,255,.12);transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-sidebar.collapsed{width:0;padding:0;opacity:0;border-right:none;pointer-events:none}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink-secondary);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background:#0080ff14;border-color:#00c4ff40;color:var(--tb-blue)}.sidebar-toggle-btn:active{transform:scale(.94)}.sidebar-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:14px 16px 20px}.sidebar-brand-logo-full{width:min(188px,82%);height:auto;display:block;object-fit:contain;margin:0 auto}.sidebar-workspace-label{margin:0;padding:0 6px;color:#ffffff9e;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;line-height:1.45}.new-chat-section{padding:0 8px 16px}.new-chat-button{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff12;color:#f5f5f7;font-size:13px;font-weight:600;padding:11px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.new-chat-button:hover{background:#ffffff1f;border-color:#ffffff29}.new-chat-button:active{transform:scale(.98)}.new-chat-button:disabled,.new-chat-button:disabled:hover,.new-chat-button:disabled:active{opacity:.45;cursor:not-allowed;background:#ffffff12;border-color:#ffffff1a;transform:none}.history-list.locked .history-item{cursor:not-allowed}.history-list.locked .history-item:not(.active){opacity:.45}.history-list.locked .history-item:hover{background:transparent;border-color:transparent;transform:none;box-shadow:none}.history-list.locked .history-item.active:hover{background:linear-gradient(90deg,#0080ff33,#0080ff17);border-color:#00c4ff4d}.new-chat-button.compact,.ghost-button.compact{width:auto;min-width:unset;padding:8px 16px;font-size:12px;font-weight:600;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px}.new-chat-button.compact{background:var(--tb-navy);border:none;color:#fff}.new-chat-button.compact:hover{background:var(--tb-blue);box-shadow:0 4px 16px #0080ff47}.history-label{margin:0;padding:4px 12px 10px;display:flex;justify-content:space-between;align-items:center;color:#ffffff59;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.link-button{border:none;background:transparent;color:#ffffff4d;font-size:11px;font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.link-button:hover{color:var(--danger)}.history-list{flex:1;min-height:0;overflow-y:auto;padding:2px 4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:980px}.history-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:2px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;background:transparent;transition:all var(--transition-fast);position:relative}.history-item:hover{background:#ffffff17;border-color:#00c4ff24;transform:translate(1px);box-shadow:0 2px 10px #00000014}.history-item.active{background:linear-gradient(90deg,#0080ff33,#0080ff17);border-color:#00c4ff4d;box-shadow:0 2px 14px #00000024,inset 0 1px #ffffff0f}.history-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,var(--tb-cyan),var(--tb-blue));box-shadow:0 0 10px #00c4ff73}.status-dot-history{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-dot-history.active{background:var(--success);box-shadow:0 0 6px #30d15866}.status-dot-history.inactive{background:#fff3}.history-content{flex:1;min-width:0}.history-title{margin:0;color:#f5f5f7;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{margin:2px 0 0;color:#ffffff59;font-size:11px;font-weight:400}.history-title-input{width:100%;border:1px solid rgba(0,113,227,.3);border-radius:var(--radius-sm);background:#0000004d;color:#f5f5f7;font-size:13px;padding:5px 8px}.history-title-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0071e326}.history-actions{display:flex;gap:3px;opacity:0;transition:opacity var(--transition-fast)}.history-item:hover .history-actions,.history-item.active .history-actions{opacity:1}.action-icon{border:none;border-radius:var(--radius-sm);background:#ffffff14;color:#ffffff80;font-size:11px;padding:5px 7px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.action-icon:hover{background:#ffffff24;color:#f5f5f7}.sidebar-footer{padding:12px 8px 4px;border-top:1px solid rgba(255,255,255,.06)}.user-profile{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:2px 2px 0;border:.5px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#ffffff21;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);box-shadow:0 4px 24px #0000002e,0 0 0 .5px #ffffff0f inset;transition:background .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.user-profile:hover{background:#ffffff24;border-color:#00c4ff47;box-shadow:0 6px 28px #00000038,0 0 20px #0080ff14}.user-info h4{margin:0;font-size:13px;font-weight:600;color:#f5f5f7}.user-info p{margin:1px 0 0;font-size:11px;font-weight:400;color:#ffffff59}.logout-button{margin-left:auto;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:transparent;color:#fff6;padding:6px 8px;font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.logout-button:hover{background:#ff3b301a;border-color:#ff3b3033;color:var(--danger)}.chat-main{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(0,128,255,.06) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 100% 50%,rgba(0,196,255,.04) 0%,transparent 50%),linear-gradient(180deg,#f6f8fc 0%,var(--bg-0) 100%);position:relative}.chat-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.chat-main>*{position:relative;z-index:1}.stats-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 20px;border-bottom:.5px solid rgba(0,128,255,.1);background:#ffffffb8;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);position:relative;z-index:100}.stats-group{display:flex;align-items:center;gap:10px}.stat-item{display:grid;gap:1px}.stat-label{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-value{display:flex;align-items:center;gap:0;color:var(--tb-navy);font-size:11px;font-weight:700;letter-spacing:.02em}.engine-status-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 12px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#0080ff1a,#00c4ff0f);border:1px solid rgba(0,196,255,.22);color:var(--tb-navy);font-size:11px;font-weight:700;letter-spacing:.03em;box-shadow:0 1px 6px #0080ff14}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--tb-cyan);box-shadow:0 0 10px #00c4ff8c;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 4px #00c4ff59}50%{box-shadow:0 0 14px #00c4ffa6}}.ghost-button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--panel);color:var(--muted);font-size:12px;font-weight:500;padding:8px 16px;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px}.ghost-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stats-bar .ghost-button.compact.export-report-btn{border-color:#16205c24;background:#fff;color:var(--tb-navy);font-weight:600;box-shadow:0 2px 10px #16205c12}.stats-bar .ghost-button.compact.export-report-btn:hover:not(:disabled){border-color:#0080ff59;background:#0080ff0d;color:var(--tb-blue);box-shadow:0 4px 16px #0080ff24}.ghost-button:disabled{opacity:.4;cursor:not-allowed}.ghost-button--coming-soon{opacity:.72;cursor:pointer}.ghost-button--coming-soon:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.coming-soon-modal-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coming-soon-modal{width:min(100%,400px);padding:22px 24px;border-radius:16px;background:var(--panel, #fff);border:1px solid rgba(0,113,227,.12);box-shadow:0 24px 48px #0f172a2e}.coming-soon-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.coming-soon-modal-head h3{margin:0;font-size:17px;font-weight:600;color:var(--text, #1e293b)}.coming-soon-modal-close{flex-shrink:0;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--muted, #64748b);font-size:22px;line-height:1;cursor:pointer}.coming-soon-modal-close:hover{background:#0071e314;color:var(--accent, #0071e3)}.coming-soon-modal-text{margin:0 0 20px;font-size:14px;line-height:1.55;color:var(--muted, #64748b)}.coming-soon-modal-ok{width:100%;padding:10px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent, #0071e3),#5856d6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity var(--transition-fast, .15s ease)}.coming-soon-modal-ok:hover{opacity:.92}.workspace-body{flex:1;min-height:0;display:flex}.chat-column{flex:1;min-width:0;display:flex}.chat-column.split{max-width:60%}.workspace-body.chart-fullscreen .chat-column{display:none}.chat-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:32px 28px 10px}.chat-messages.no-scroll{overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding-top:8px;padding-bottom:8px}.chat-messages-wrapper{width:100%;max-width:840px;margin:0 auto;display:grid;gap:16px}.chat-messages.no-scroll .chat-messages-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;height:100%;gap:0;padding-top:12px}.welcome-message{width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 22px 12px;position:relative;animation:fadeIn .6s var(--ease-out) both;min-height:0;max-height:calc(100vh - 260px);flex:1 1 auto;overflow:hidden;isolation:isolate}.welcome-message:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.welcome-mesh{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,128,255,.09) 0%,transparent 65%);top:-120px;left:50%;transform:translate(-50%);pointer-events:none;animation:meshFloat 10s ease-in-out infinite;filter:blur(40px);z-index:-1;opacity:.7}.welcome-mesh-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,196,255,.07) 0%,transparent 65%);top:60px;left:35%;animation-delay:-5s;animation-duration:13s}@keyframes meshFloat{0%,to{transform:translate(-50%) translate(0)}33%{transform:translate(-50%) translate(20px,-15px)}66%{transform:translate(-50%) translate(-15px,10px)}}.welcome-content{position:relative;z-index:2;max-width:880px;text-align:center;display:flex;flex-direction:column;align-items:center}.welcome-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-pill);background:#0080ff0f;border:.5px solid rgba(0,196,255,.28);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);color:var(--tb-navy);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;box-shadow:0 4px 20px #0080ff14;animation:fadeSlideUp .5s .1s var(--ease-out) both}.welcome-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--tb-cyan);box-shadow:0 0 8px #00c4ff99}.welcome-logo-wrap{width:min(300px,72%);max-width:100%;aspect-ratio:936 / 151;margin:clamp(72px,9vh,92px) auto 0;line-height:0;animation:fadeSlideUp .5s .2s var(--ease-out) both}.welcome-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;transform:translateZ(0);backface-visibility:hidden}.welcome-tagline{margin:14px 0 0;font-size:12px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--tb-cyan);line-height:1.2;animation:fadeSlideUp .5s .26s var(--ease-out) both}.welcome-title{margin:110px 0 0;color:var(--ink);font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.25;letter-spacing:-.03em;font-weight:700;white-space:normal;animation:fadeSlideUp .5s .3s var(--ease-out) both}.welcome-subtitle{margin:20px auto 0;color:var(--muted);font-size:13.5px;line-height:1.55;max-width:500px;font-weight:400;white-space:normal;animation:fadeSlideUp .5s .4s var(--ease-out) both}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;width:100%;animation:fadeSlideUp .5s .5s var(--ease-out) both}.welcome-feature-card{position:relative;z-index:2;display:flex;align-items:flex-start;gap:14px;padding:20px 18px;border-radius:14px;background:#ffffffe0;border:.5px solid rgba(0,128,255,.12);box-shadow:0 1px 2px #16205c0a,0 8px 24px #16205c0f;text-align:left;transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out),border-color .28s var(--ease-out);cursor:default}.welcome-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0080ff1a,0 4px 16px #16205c14;border-color:#00c4ff47}.feature-icon-img{width:52px;height:52px;border-radius:12px;object-fit:contain;flex-shrink:0;padding:6px;background:linear-gradient(145deg,#0080ff0f,#00c4ff0a);border:.5px solid rgba(0,128,255,.1)}.welcome-feature-card h3{margin:0;font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.welcome-feature-card p{margin:3px 0 0;font-size:11px;color:var(--muted);line-height:1.35}.user-questions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px;animation:fadeSlideUp .5s .6s var(--ease-out) both}.message-choices{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;margin-top:14px;width:100%}.message-choices-hint{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--tb-blue, #0080ff);margin-bottom:4px;letter-spacing:.01em}.choice-other{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding-top:12px;border-top:1px dashed var(--line)}.choice-other-label{font-size:12px;font-weight:600;color:var(--ink-secondary)}.choice-other-row{display:flex;gap:8px}.choice-other-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:13.5px;color:var(--ink);background:var(--panel);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.choice-other-input:focus{border-color:var(--tb-blue, #0080ff);box-shadow:0 0 0 3px #0080ff1f}.choice-other-send{flex-shrink:0;border:0;border-radius:10px;padding:0 18px;font:inherit;font-size:13px;font-weight:600;color:#fff;background:var(--tb-blue, #0080ff);cursor:pointer;transition:opacity var(--transition-fast)}.choice-other-send:disabled{opacity:.45;cursor:not-allowed}.message-choices--consumed .question-chip--choice{opacity:.55;cursor:default;transform:none;box-shadow:none}.message-choices .question-chip:disabled{opacity:.6;cursor:not-allowed;transform:none}.question-chip{border:1px solid var(--line);background:var(--panel);color:var(--ink-secondary);border-radius:var(--radius-pill);padding:9px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:6px}.question-chip--choice{border-radius:12px;padding:12px 14px;border:2px solid var(--tb-blue, #0080ff);background:#fff;color:var(--ink, #111);font-weight:600;text-align:left;width:100%;max-width:100%;box-sizing:border-box;cursor:pointer}.question-chip--choice .question-chip-check{flex-shrink:0;width:22px;height:22px;border-radius:6px;border:2px solid var(--tb-blue, #0080ff);display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--tb-blue, #0080ff);transition:all var(--transition-fast)}.question-chip--choice .question-chip-check svg{opacity:.35;transition:opacity var(--transition-fast)}.question-chip--choice .question-chip-label{line-height:1.35;word-break:break-word}.message-choices--active .question-chip--choice:hover{border-color:var(--tb-blue, #0080ff);color:var(--tb-blue, #0080ff);background:#0080ff14;transform:translateY(-1px);box-shadow:var(--shadow-md)}.message-choices--active .question-chip--choice:hover .question-chip-check{border-color:var(--tb-blue, #0080ff);background:#0080ff26;color:var(--tb-blue, #0080ff)}.message-choices--active .question-chip--choice:hover .question-chip-check svg{opacity:1}.message-choices--active .question-chip--choice:focus-visible{outline:2px solid var(--tb-blue, #0080ff);outline-offset:2px}.question-chip:hover{border-color:var(--tb-blue);color:var(--tb-blue);background:#0080ff0d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.question-chip svg{opacity:.5;transition:opacity var(--transition-fast)}.question-chip:hover svg{opacity:1}.message{display:flex;gap:12px;align-items:flex-start;animation:messageIn .35s var(--ease-out) both;min-width:0}@keyframes messageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--tb-navy),#1e3a7a);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.message.assistant .message-avatar{background:linear-gradient(135deg,var(--tb-navy),var(--tb-blue));box-shadow:0 2px 10px #0080ff38}.message-content{max-width:min(720px,calc(100% - 48px));min-width:0;background:var(--panel);border-radius:18px;padding:14px 18px;box-shadow:0 1px 3px #0000000a;border:none}.message.user .message-content{background:linear-gradient(135deg,var(--tb-navy),#1a3568);border-radius:20px;padding:15px 19px;box-shadow:0 4px 18px #16205c3d,0 1px #ffffff0f inset}.message.assistant .message-content{background:var(--panel);border:1px solid rgba(0,0,0,.05)}.message-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}.message-sender{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:-.01em}.message-time{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.02em;opacity:.88}.message-text{margin:0;color:var(--ink-secondary);font-size:14.5px;line-height:1.65;white-space:pre-wrap;font-weight:400}.message-text strong{font-weight:700;color:var(--ink-primary, #0f172a)}.message.user .message-sender{color:#fffffff2}.message.user .message-text{color:#ffffffe6}.message.user .message-text strong{color:#fff}.message.user .message-time{color:#ffffff8c;font-weight:500;letter-spacing:.03em}.result-table-card{position:relative;margin-top:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-0);overflow:hidden}.result-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line)}.result-table-heading{display:flex;align-items:baseline;gap:8px;min-width:0}.result-table-label{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-table-meta{font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap}.result-table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.result-table-btn{border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:var(--radius-sm);padding:5px 11px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.result-table-btn:hover{border-color:#94a3b8;color:#1e293b}.result-table-btn-primary{border-color:#15803d;background:#16a34a;color:#fff}.result-table-btn-primary:hover{background:#15803d;color:#fff}.result-table-scroll{max-height:340px;overflow-y:auto;overflow-x:hidden}.result-table-scroll.has-x-scroll{overflow-x:auto}.result-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.result-table th{position:sticky;top:0;z-index:1;padding:8px 12px;text-align:left;background:#eef2f7;border-bottom:2px solid #94a3b8;color:#0f172a;font-weight:700;font-size:11.5px;letter-spacing:.03em;white-space:nowrap}.result-table th.is-numeric{text-align:right}.result-table th.is-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.result-table th.is-sortable:hover{background:#e2e8f0}.result-table-sort{margin-left:6px;font-size:9px;color:var(--accent)}.result-table td{padding:6px 12px;border-bottom:1px solid var(--line);color:#1e293b;white-space:nowrap}.result-table td.is-numeric{text-align:right;font-variant-numeric:tabular-nums}.result-table tbody tr:nth-child(2n){background:#f8fafc}.result-table tbody tr:hover{background:#eff6ff}.result-table-toast{position:absolute;right:12px;bottom:12px;background:#16a34a;color:#fff;padding:7px 14px;border-radius:999px;font-size:11.5px;font-weight:600;box-shadow:0 8px 24px #16a34a40;pointer-events:none;white-space:nowrap}.trendbot-loading{display:flex;align-items:center;gap:10px;margin-top:-8px;animation:messageIn .35s var(--ease-out) both}.trendbot-loading-avatar{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid rgba(0,128,255,.14);display:flex;align-items:center;justify-content:center;padding:5px;flex-shrink:0;box-shadow:0 2px 10px #16205c1a;animation:loadingAvatarPulse 2.4s ease-in-out infinite}.trendbot-loading-icon{width:100%;height:100%;object-fit:contain;display:block}@keyframes loadingAvatarPulse{0%,to{box-shadow:0 2px 10px #16205c1a;transform:scale(1)}50%{box-shadow:0 3px 14px #0080ff29;transform:scale(1.03)}}.trendbot-loading-body{display:flex;flex-direction:column;gap:8px;min-width:0}.trendbot-loading-content{display:flex;align-items:center;gap:8px;color:var(--muted)}.trendbot-loading-name{font-size:13px;font-weight:600;color:var(--ink-secondary);letter-spacing:.01em;animation:loadingStageTextIn .4s var(--ease-out) both}@keyframes loadingStageTextIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.loading-stage-track{display:flex;align-items:center;gap:6px;padding-left:2px}.loading-stage-step{height:3px;flex:1;max-width:48px;border-radius:999px;background:#0071e326;transition:background .35s ease,transform .35s ease}.loading-stage-step.active{background:#0071e373}.loading-stage-step.current{background:var(--accent);transform:scaleY(1.35)}.loading-dots-inline{display:flex;gap:4px}.loading-dot{width:5px;height:5px;border-radius:50%;background:var(--tb-blue);animation:dotFlow 1.25s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.36s}@keyframes dotFlow{0%,80%,to{transform:translateY(0) scale(.75);opacity:.35}40%{transform:translateY(-2px) scale(1);opacity:1}}.chat-input-container{padding:16px 28px 22px;background:linear-gradient(180deg,transparent 0%,rgba(244,246,251,.92) 35%)}.chat-input-wrapper{max-width:720px;margin:0 auto}.chat-input-box{display:flex;align-items:center;gap:10px;border:1px solid rgba(0,128,255,.16);border-radius:22px;background:#fffffff0;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);padding:6px 6px 6px 20px;box-shadow:0 6px 32px #16205c1a,0 0 0 .5px #ffffffd9 inset;transition:border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),transform .22s var(--ease-out)}.chat-input-box:hover:not(:focus-within){border-color:#0080ff42;box-shadow:0 8px 36px #16205c1f,0 0 0 .5px #ffffffe6 inset}.chat-input-box:focus-within{border-color:#0080ff66;box-shadow:0 8px 40px #0080ff1f,0 0 0 4px #0080ff14,0 0 0 .5px #ffffffe6 inset}.chat-input{flex:1;border:none;outline:none;resize:none;min-height:24px;max-height:80px;background:transparent;color:var(--ink);font-size:15px;font-weight:400;padding:10px 0;line-height:1.5}.chat-input::placeholder{color:#7a8fb8;font-weight:400}.send-button{border:none;border-radius:16px;background:var(--tb-navy);color:var(--tb-white);padding:10px 18px;min-width:44px;font-size:13px;font-weight:600;cursor:pointer;transition:background .22s var(--ease-out),transform .18s var(--ease-out),box-shadow .22s var(--ease-out);display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;box-shadow:0 4px 16px #16205c47}.send-button:hover:not(:disabled){background:var(--tb-blue);transform:translateY(-1px) scale(1.02);box-shadow:0 8px 28px #0080ff59,0 0 20px #00c4ff1f}.send-button:active:not(:disabled){transform:scale(.97)}.send-button:disabled{background:#e5e5ea;color:#aeaeb2;cursor:not-allowed}.send-button svg{width:16px;height:16px;fill:currentColor}.input-disclaimer{text-align:center;margin-top:8px;color:var(--muted);font-size:11px;font-weight:400}@media(max-width:1200px){.glass-sidebar{width:260px}.chat-column.split{max-width:55%}}@media(max-width:1024px){.app-container{flex-direction:column;height:auto;min-height:100vh}.glass-sidebar{width:100%;height:auto;max-height:40vh}.workspace-body{flex-direction:column}.chat-column,.chat-column.split{max-width:100%}.stats-bar{flex-wrap:wrap;padding:10px 16px}.chat-messages,.chat-input-container{padding-left:16px;padding-right:16px}.welcome-features{grid-template-columns:1fr}}@media(max-height:900px){.welcome-message{min-height:320px;max-height:calc(100vh - 200px);padding-top:18px;padding-bottom:10px}.welcome-logo-wrap{width:min(280px,78%)}.welcome-features{margin-top:10px;gap:8px}.welcome-feature-card p{font-size:11px}}@media(max-width:768px){.app-container{flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.glass-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;z-index:1000;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.glass-sidebar.collapsed{transform:translate(-100%);width:280px;opacity:1;pointer-events:auto}.glass-sidebar:after{content:"";position:fixed;top:0;left:280px;width:100vw;height:100vh;background:#00000080;pointer-events:auto;opacity:1;transition:opacity .3s ease}.glass-sidebar.collapsed:after{opacity:0;pointer-events:none}.chat-main{width:100%;height:100vh;height:100dvh}.stats-bar{padding:8px 12px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.stats-bar::-webkit-scrollbar{display:none}.stats-group{flex-shrink:0}.workspace-body{flex-direction:column;overflow:hidden}.chat-column,.chat-column.split{max-width:100%}.chat-messages{padding:12px 14px 8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-messages-wrapper{max-width:100%;gap:14px}.message{gap:8px}.message-avatar{width:28px;height:28px;font-size:10px}.message-content{max-width:calc(100% - 40px);padding:12px 14px;border-radius:16px}.message-text{font-size:14px;line-height:1.55}.chat-input-container{padding:8px 12px 12px;background:var(--bg-0);border-top:1px solid rgba(0,0,0,.06)}.chat-input-wrapper{max-width:100%}.chat-input-box{padding:4px 4px 4px 14px;border-radius:18px}.chat-input{font-size:16px;padding:8px 0}.send-button{padding:8px 14px;border-radius:14px;min-width:40px}.input-disclaimer{font-size:10px;margin-top:4px}.welcome-message{max-height:none;overflow:visible;padding:0 14px 8px}.welcome-logo-wrap{width:min(260px,82%);margin-top:clamp(56px,7vh,72px)}.sidebar-brand-logo-full{width:min(168px,88%)}.welcome-tagline{font-size:10.5px;letter-spacing:4px;margin-top:10px}.welcome-subtitle{font-size:12px;max-width:320px}.welcome-features{grid-template-columns:1fr;gap:8px;margin-top:14px}.welcome-feature-card{padding:10px}.user-questions{gap:6px;margin-top:16px}.question-chip{font-size:12px;padding:7px 12px}.result-table-head{padding:8px 10px}.result-table-scroll{max-height:260px}.sidebar-toggle-btn{width:32px;height:32px}.new-chat-button.compact,.ghost-button.compact{padding:6px 12px;font-size:11px}}.dgrid{position:relative;display:flex;flex-direction:column;min-height:0;height:100%;background:var(--panel)}.dgrid-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.dgrid-spacer{flex:1}.dgrid-search{width:190px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 10px;font-size:12.5px;color:var(--ink);background:var(--panel);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dgrid-search:focus,.dgrid-text-filter:focus,.dgrid-range input:focus,.dgrid-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dgrid-count{font-size:12px;color:var(--muted);white-space:nowrap}.dgrid-count b{color:var(--ink);font-weight:600}.dgrid-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink-secondary);border-radius:var(--radius-sm);padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.dgrid-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.dgrid-btn:disabled{opacity:.45;cursor:not-allowed}.dgrid-btn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.dgrid-btn-ghost{border-color:transparent;color:var(--muted)}.dgrid-btn-primary{border-color:#15803d;background:#16a34a;color:#fff}.dgrid-btn-primary:hover:not(:disabled){border-color:#166534;background:#15803d;color:#fff}.dgrid-select{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px;font-size:12px;color:var(--ink-secondary);background:var(--panel);cursor:pointer;outline:none}.dgrid-scroll{flex:1;min-height:0;overflow:auto}.dgrid-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.dgrid-table thead th{position:sticky;top:0;z-index:2;padding:0;text-align:left;background:#f1f4fa;border-bottom:1px solid #c5cfe2;white-space:nowrap}.dgrid-table thead tr.dgrid-filter-row th{top:35px;z-index:1;padding:6px 8px;background:#f8fafd;border-bottom:1px solid var(--line)}.dgrid-th{display:flex;align-items:center;gap:6px;width:100%;padding:9px 12px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:650;letter-spacing:.01em;cursor:pointer;text-align:left}.dgrid-table th.is-num .dgrid-th{justify-content:flex-end}.dgrid-th:hover{background:#e6ebf5}.dgrid-sort{font-size:9px;color:#a3adc2}.dgrid-sort.is-on{color:var(--accent)}.dgrid-text-filter,.dgrid-range input{width:100%;min-width:84px;border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:400;color:var(--ink);background:var(--panel);outline:none}.dgrid-range{display:flex;gap:4px;justify-content:flex-end}.dgrid-range input{min-width:62px;max-width:92px;text-align:right}.dgrid-table td{padding:7px 12px;border-bottom:1px solid #e9eef7;color:var(--ink);white-space:nowrap}.dgrid-table td.is-num{text-align:right;font-variant-numeric:tabular-nums}.dgrid-table tbody tr:nth-child(2n){background:#fafbfe}.dgrid-table tbody tr:hover{background:#eef5ff}.dgrid-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;font-size:13px;color:var(--muted)}.dgrid-pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);flex-shrink:0}.dgrid-toast{position:absolute;right:16px;bottom:16px;z-index:5;background:#16a34a;color:#fff;padding:7px 14px;border-radius:999px;font-size:11.5px;font-weight:600;box-shadow:0 8px 24px #16a34a40;pointer-events:none;white-space:nowrap}.visualization-container{--viz-up: #15803d;--viz-down: #c2410c;--viz-series-1: #3b6fd4;flex:0 0 54%;min-width:420px;display:flex;flex-direction:column;position:relative;border-right:1px solid var(--line);background:var(--bg-0);transition:flex .3s cubic-bezier(.4,0,.2,1);animation:slideInFromRight .4s var(--ease-out) both}.visualization-container.fullscreen{flex:1 1 100%;max-width:100%;border-right:none}.visualization-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.viz-head-text{min-width:0;display:flex;flex-direction:column;gap:2px}.visualization-title{margin:0;font-size:16px;font-weight:650;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-subtitle{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualization-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.fullscreen-toggle-btn,.export-button,.close-button{border:1px solid var(--line);background:var(--panel);color:var(--ink-secondary);border-radius:var(--radius-sm);padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.fullscreen-toggle-btn{padding:7px 9px;display:flex;align-items:center;justify-content:center}.export-button:hover,.close-button:hover,.fullscreen-toggle-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.viz-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:14px 18px 16px}.viz-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;flex-shrink:0}.viz-kpi{min-width:0;display:flex;flex-direction:column;gap:3px;padding:11px 14px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel)}.viz-kpi-label{font-size:11.5px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-kpi-value{font-size:19px;font-weight:650;line-height:1.2;color:var(--ink);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-kpi-hint{font-size:12px;color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-arrow{display:inline-block;margin-right:4px;font-size:9px;vertical-align:1px}.viz-arrow.up,.viz-delta.up .viz-arrow{color:var(--viz-up)}.viz-arrow.down,.viz-delta.down .viz-arrow{color:var(--viz-down)}.viz-bar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;flex-shrink:0}.viz-tabs,.viz-seg{display:inline-flex;padding:3px;border-radius:10px;background:#e6ebf5}.viz-tab,.viz-seg button{border:0;background:transparent;color:var(--ink-secondary);font:inherit;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:7px;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.viz-seg button{padding:4px 10px;font-size:12px}.viz-tab:hover,.viz-seg button:hover{color:var(--ink)}.viz-tab.is-on,.viz-seg button.is-on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #16205c24}.viz-filters{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;min-width:0}.viz-field{display:inline-flex;align-items:center;gap:6px;position:relative}.viz-field-label{font-size:11.5px;font-weight:500;color:var(--muted);white-space:nowrap}.viz-dash{color:var(--muted)}.viz-select,.viz-search{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font:inherit;font-size:12.5px;padding:5px 8px;outline:none;max-width:180px}.viz-select{cursor:pointer}.viz-search{width:170px}.viz-select:focus,.viz-search:focus,.viz-pop-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.viz-select-btn,.viz-chip-btn,.viz-step{border:1px solid var(--line);background:var(--panel);color:var(--ink-secondary);font:inherit;font-size:12px;font-weight:600;border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.viz-select-btn b{color:var(--ink);font-weight:650}.viz-chip-btn{padding:4px 9px;border-radius:999px;font-size:11.5px}.viz-step{padding:4px 9px;font-size:14px;line-height:1}.viz-select-btn:hover,.viz-chip-btn:hover,.viz-step:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.viz-select-btn.is-on,.viz-chip-btn.is-on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.viz-step:disabled{opacity:.4;cursor:not-allowed}.viz-reset{border-style:dashed}.viz-muted{color:var(--muted);font-weight:500;font-size:12px}.viz-link{border:0;background:none;padding:0;font:inherit;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.viz-note{flex-shrink:0;padding:9px 12px;border:1px solid #f1d28a;border-radius:var(--radius-sm);background:#fff8e6;color:#5c4508;font-size:12.5px;line-height:1.45}.viz-card{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-sm);overflow:hidden}.viz-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px 8px;flex-shrink:0}.viz-card-title{font-size:13.5px;font-weight:650;color:var(--ink)}.viz-scroll{flex:1;min-height:0;overflow:auto}.viz-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;padding:24px;text-align:center;color:var(--muted);font-size:13px}.viz-foot{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 16px;border-top:1px solid #e9eef7;font-size:11.5px;line-height:1.45;color:var(--muted);flex-shrink:0}.viz-foot-right{margin-left:auto}.viz-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:12px 14px 4px;flex-shrink:0}.viz-legend-item{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 4px 4px 9px;border:1px solid #e3e9f4;border-radius:999px;background:#fbfcfe;font-size:12px;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.viz-legend-item:hover{border-color:#b9c5dc}.viz-legend-item.is-dim{opacity:.45}.viz-key{flex-shrink:0;width:14px;height:4px;border-radius:2px}.viz-legend-name{color:var(--ink-secondary);max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-legend-val{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}.viz-legend-x{border:0;background:transparent;color:#9aa6bf;width:20px;height:20px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer}.viz-legend-x:hover{background:#e6ebf5;color:var(--ink)}.viz-plot{flex:1;min-height:240px;position:relative}.viz-plot>div{position:absolute;inset:0}.viz-pop-anchor{position:relative;display:inline-flex}.viz-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:300px;display:flex;flex-direction:column;border:1px solid #c5cfe2;border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden}.viz-pop-head{display:flex;flex-direction:column;gap:8px;padding:10px;border-bottom:1px solid #e9eef7}.viz-pop-search{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 9px;font:inherit;font-size:12.5px;color:var(--ink);outline:none}.viz-pop-quick{display:flex;gap:6px;flex-wrap:wrap}.viz-pop-list{list-style:none;margin:0;padding:4px;max-height:290px;overflow:auto}.viz-pop-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:12.5px;color:var(--ink);cursor:pointer}.viz-pop-item:hover{background:#f1f5fc}.viz-pop-item.is-disabled{color:#9aa6bf;cursor:not-allowed}.viz-pop-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-pop-meta{color:var(--muted);font-variant-numeric:tabular-nums}.viz-pop-none{padding:14px;text-align:center;color:var(--muted);font-size:12.5px}.viz-pop-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid #e9eef7;font-size:11.5px;color:var(--muted)}.viz-rank{list-style:none;margin:0;padding:4px 16px 14px}.viz-rank-row{display:grid;grid-template-columns:26px minmax(80px,var(--viz-name-w, 16em)) minmax(80px,1fr) minmax(64px,auto) auto;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #f0f3f9;font-size:12.5px}.viz-rank-row:hover{background:#f7f9fd}.viz-rank-no{color:#9aa6bf;font-size:11.5px;text-align:right;font-variant-numeric:tabular-nums}.viz-rank-name{color:var(--ink);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-rank-track{position:relative;height:14px}.viz-rank-zero{position:absolute;top:-3px;bottom:-3px;width:1px;background:#c5cfe2}.viz-rank-bar{position:absolute;top:0;bottom:0;min-width:2px;border-radius:0 4px 4px 0;background:var(--viz-series-1)}.viz-rank-bar.neg{border-radius:4px 0 0 4px;background:#cf6a3c}.viz-rank-val{color:var(--ink);font-weight:650;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.viz-rank-delta{min-width:86px;text-align:right}.viz-delta{color:var(--ink-secondary);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.viz-delta-pct{color:var(--muted)}.viz-pivot{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.viz-pivot thead th{position:sticky;top:0;z-index:2;padding:0;background:#f1f4fa;border-bottom:1px solid #c5cfe2;text-align:left;font-size:12px;font-weight:650;color:var(--ink);white-space:nowrap}.viz-pivot thead th.is-trend{padding:9px 10px;font-weight:600;color:var(--muted)}.viz-pivot thead th.is-sticky{z-index:3}.viz-th{width:100%;border:0;background:transparent;font:inherit;color:inherit;padding:9px 10px;cursor:pointer;text-align:inherit;white-space:nowrap}.viz-pivot th.is-num .viz-th{text-align:right}.viz-th:hover{background:#e6ebf5}.viz-pivot .is-sticky{position:sticky;left:0;z-index:1;background:var(--panel);border-right:1px solid #e3e9f4;text-align:left;font-weight:500;max-width:260px}.viz-pivot thead .is-sticky{background:#f1f4fa}.viz-pivot tbody th,.viz-pivot tbody td{padding:5px 10px;border-bottom:1px solid #edf1f8;color:var(--ink);white-space:nowrap}.viz-pivot td.is-num{text-align:right;font-variant-numeric:tabular-nums}.viz-pivot td.is-trend{padding:2px 10px}.viz-pivot tbody tr:hover th,.viz-pivot tbody tr:hover td{box-shadow:inset 0 1px #b9c5dc,inset 0 -1px #b9c5dc}.viz-pivot tbody tr.is-on .is-sticky{background:#f4f8ff}.viz-rowlabel{display:flex;align-items:center;gap:8px;cursor:pointer}.viz-rowname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viz-spark{display:block}.viz-spark-empty{color:#9aa6bf}.viz-more{display:flex;justify-content:center;padding:12px}.viz-toast{position:absolute;top:62px;right:18px;z-index:40;background:#16a34a;color:#fff;padding:7px 14px;border-radius:999px;font-size:11.5px;font-weight:600;box-shadow:0 8px 24px #16a34a40;pointer-events:none;white-space:nowrap}@keyframes slideInFromRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.visualization-container{min-width:0;max-width:none;flex:1 1 auto;border-right:none;border-top:1px solid var(--line)}}@media(max-width:768px){.visualization-container{min-height:380px;max-height:70vh}.visualization-header{padding:10px 12px;flex-wrap:wrap}.viz-body{padding:10px 12px 12px}.viz-rank-row{grid-template-columns:22px minmax(90px,36%) minmax(50px,1fr) auto}.viz-rank-delta{display:none}}@media(prefers-reduced-motion:reduce){.visualization-container{animation:none;transition:none}}.token-balance-widget{display:grid;gap:4px;padding:8px 14px;min-width:200px;border:.5px solid rgba(0,128,255,.12);border-radius:12px;background:#ffffffe6;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.token-balance-widget:hover{border-color:#0080ff47;background:#fff;box-shadow:0 4px 16px #0080ff14}.token-balance-widget:active{transform:translateY(1px)}.token-balance-widget.negative{border-color:#fca5a5;background:#fef2f2f2}.token-balance-widget.negative:hover{border-color:#ef4444}.token-balance-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.token-balance-warn{color:#ef4444;display:inline-flex}.token-balance-numbers{display:flex;align-items:baseline;gap:4px;color:var(--ink);font-size:13px;font-weight:600}.token-balance-numbers strong{font-size:15px;font-weight:700;color:var(--tb-navy)}.token-balance-widget.negative .token-balance-numbers strong{color:#dc2626}.token-balance-divider{color:var(--muted)}.token-balance-loading{font-size:12px;color:var(--muted);font-weight:500}.token-balance-bar{height:8px;background:#16205c14;border-radius:999px;overflow:hidden}.token-balance-bar-fill{height:100%;background:linear-gradient(90deg,var(--tb-blue),var(--tb-cyan));border-radius:999px;transition:width .4s var(--ease-out)}.token-balance-widget.negative .token-balance-bar-fill{background:linear-gradient(90deg,#dc2626,#f87171)}.token-balance-percent{font-size:11px;color:var(--tb-navy);font-weight:600;letter-spacing:.02em}.token-balance-modal-backdrop{position:fixed;inset:0;background:#16205c6b;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.token-balance-modal{width:100%;max-width:720px;max-height:90vh;overflow-y:auto;background:#fff;border:.5px solid rgba(0,128,255,.12);border-radius:22px;box-shadow:0 24px 64px #16205c2e,0 8px 24px #0000000f,0 0 0 .5px #fffc inset;padding:28px 32px 30px;display:flex;flex-direction:column;gap:20px}.token-balance-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:4px}.token-balance-modal-head-text{display:flex;flex-direction:column;gap:6px;min-width:0}.token-balance-modal-head h3{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.025em;color:var(--tb-navy);line-height:1.2}.token-balance-modal-brand{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:13px;line-height:1.4}.token-balance-modal-brand-label{color:var(--muted);font-weight:500;font-size:12px}.token-balance-modal-brand-label:after{content:":"}.token-balance-modal-brand-value{color:var(--ink-secondary);font-weight:600;letter-spacing:.01em}.token-balance-modal-close{background:#16205c0a;border:.5px solid rgba(0,128,255,.1);cursor:pointer;color:var(--muted);padding:8px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),transform .15s var(--ease-out)}.token-balance-modal-close:hover{background:#0080ff14;border-color:#0080ff40;color:var(--tb-blue);transform:scale(1.04)}.token-balance-modal-close:active{transform:scale(.98)}.token-balance-modal-loading,.token-balance-empty{padding:40px 16px;text-align:center;color:var(--muted);font-size:14px;font-weight:500}.token-balance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.token-balance-stat{background:linear-gradient(160deg,#f8fafd,#f2f6fc);border:.5px solid rgba(0,128,255,.1);border-radius:14px;padding:16px 16px 14px;display:grid;gap:8px;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.token-balance-stat:hover{transform:translateY(-2px);border-color:#00c4ff38;box-shadow:0 8px 24px #0080ff14}.token-balance-stat strong{font-size:1.25rem;color:var(--tb-navy);font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.token-balance-stat-primary{background:linear-gradient(160deg,#0080ff14,#00c4ff0a);border-color:#0080ff33;box-shadow:0 4px 20px #0080ff0f}.token-balance-stat-primary strong{font-size:1.5rem;font-weight:800;color:var(--tb-blue)}.token-balance-stat.negative strong,.token-balance-stat-primary.negative strong{color:#dc2626}.token-balance-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.token-balance-stat-primary .token-balance-stat-label{color:var(--ink-secondary)}.token-balance-modal-progress{display:grid;gap:10px;padding:16px 18px;border-radius:14px;background:linear-gradient(160deg,#16205c0a,#0080ff0a);border:.5px solid rgba(0,128,255,.12)}.token-balance-modal-progress.negative{background:linear-gradient(160deg,#fef2f2e6,#fff5f5);border-color:#ef444433}.token-balance-modal-progress-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.token-balance-modal-progress-ratio{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.token-balance-modal-progress-ratio strong{font-size:1.25rem;font-weight:800;color:var(--tb-blue);letter-spacing:-.02em}.token-balance-modal-progress-ratio span:not(.token-balance-modal-progress-divider){font-size:1rem;font-weight:600;color:var(--ink-secondary)}.token-balance-modal-progress-divider{color:var(--muted);font-weight:500}.token-balance-modal-progress.negative .token-balance-modal-progress-ratio strong{color:#dc2626}.token-balance-modal-progress-pct{font-size:13px;font-weight:700;color:var(--tb-navy);letter-spacing:.02em}.token-balance-modal-progress.negative .token-balance-modal-progress-pct{color:#dc2626}.token-balance-modal-progress-track{height:10px;background:#16205c14;border-radius:999px;overflow:hidden}.token-balance-modal-progress-fill{height:100%;background:linear-gradient(90deg,var(--tb-navy),var(--tb-blue) 55%,var(--tb-cyan));border-radius:999px;transition:width .45s var(--ease-out)}.token-balance-modal-progress.negative .token-balance-modal-progress-fill{background:linear-gradient(90deg,#b91c1c,#ef4444)}.token-balance-section-title{margin:4px 0 0;font-size:14px;font-weight:700;letter-spacing:-.01em;color:var(--tb-navy);line-height:1.3}.token-balance-section-hint{margin:4px 0 0;font-size:11px;color:var(--muted);font-weight:400;line-height:1.45;opacity:.9}.token-balance-modal-footer{margin:8px 0 0;padding-top:16px;border-top:.5px solid rgba(0,128,255,.1);font-size:11px;color:var(--muted);font-weight:400;line-height:1.5;text-align:center}.token-balance-chart{position:relative;display:flex;align-items:stretch;gap:10px;height:228px;padding:16px 12px 12px;background:linear-gradient(180deg,#0080ff08,#fff9),repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(0,128,255,.06) 27px,rgba(0,128,255,.06) 28px);border:.5px solid rgba(0,128,255,.14);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #16205c0a}.token-balance-bar-col{flex:1 1 0;min-width:36px;min-height:0;display:flex;flex-direction:column;align-items:center;gap:6px}.token-balance-bar-area{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.token-balance-bar-value{font-size:10px;color:var(--ink-secondary);font-weight:600;flex:0 0 auto;opacity:.85;transition:color .15s var(--ease-out)}.token-balance-bar-col:hover .token-balance-bar-value{color:var(--tb-blue);opacity:1}.token-balance-bar-bar{width:72%;max-width:48px;background:linear-gradient(180deg,var(--tb-cyan) 0%,var(--tb-blue) 45%,var(--tb-navy) 100%);border-radius:8px 8px 4px 4px;min-height:2px;flex:0 0 auto;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),filter .2s var(--ease-out);box-shadow:0 2px 8px #0080ff33}.token-balance-bar-col:hover .token-balance-bar-bar{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 6px 16px #0080ff47}.token-balance-bar-label{font-size:10px;color:var(--muted);font-weight:500;white-space:nowrap;flex:0 0 auto}@media(max-width:720px){.token-balance-widget{min-width:160px;padding:6px 10px}.token-balance-modal{padding:22px 20px 24px;border-radius:18px}.token-balance-modal-head h3{font-size:1.2rem}.token-balance-stats{grid-template-columns:1fr}.token-balance-stat-primary strong{font-size:1.35rem}.token-balance-chart{height:200px;gap:6px}}.user-profile-menu{position:relative}.user-profile-trigger{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#ffffffd9;cursor:pointer;font-family:inherit;color:var(--ink, #0f172a);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.user-profile-trigger:hover,.user-profile-trigger.open{border-color:var(--accent, #1B2A4A);background:#fff;box-shadow:0 1px 3px #0000000d}.user-profile-avatar.warn{background:linear-gradient(135deg,#b91c1c,#ef4444)!important}.user-profile-avatar.large{width:40px;height:40px;font-size:14px}.user-profile-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.user-profile-name{font-size:12px;font-weight:600}.user-profile-tenant{font-size:10px;color:var(--muted, #64748b);text-transform:uppercase;letter-spacing:.08em}.user-profile-chevron{color:var(--muted, #64748b);transition:transform .15s ease}.user-profile-chevron.open{transform:rotate(180deg)}.user-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 12px 40px #0f172a2e;padding:12px;z-index:50;display:flex;flex-direction:column;gap:12px;animation:profileFade .12s ease-out}@keyframes profileFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-profile-dropdown-head{display:flex;align-items:center;gap:10px;padding:4px 4px 8px;border-bottom:1px solid rgba(0,0,0,.05)}.user-profile-dropdown-info{display:flex;flex-direction:column;line-height:1.2;min-width:0}.user-profile-dropdown-info strong{font-size:13px;color:var(--ink, #0f172a);font-weight:600}.user-profile-dropdown-info span{font-size:11px;color:var(--muted, #64748b)}.user-profile-balance{border:.5px solid rgba(0,128,255,.12);background:linear-gradient(160deg,#f8fafd,#f4f8fc);border-radius:14px;padding:12px 14px;display:grid;gap:8px}.user-profile-balance.negative{background:#fef2f2e6;border-color:#fca5a5}.user-profile-balance-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted, #64748b);font-weight:600}.user-profile-balance-warn{color:#ef4444;display:inline-flex}.user-profile-balance-progress-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.user-profile-balance-numbers{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--ink, #0f172a);font-weight:600;font-variant-numeric:tabular-nums}.user-profile-balance-numbers strong{font-size:17px;font-weight:800;color:var(--tb-blue);font-variant-numeric:tabular-nums}.user-profile-balance.negative .user-profile-balance-numbers strong{color:#dc2626}.user-profile-balance-divider{color:var(--muted, #94a3b8)}.user-profile-balance-loading{font-size:12px;color:var(--muted, #64748b);font-weight:500}.user-profile-balance-bar{height:9px;background:#16205c14;border-radius:999px;overflow:hidden}.user-profile-balance-bar-fill{height:100%;background:linear-gradient(90deg,var(--tb-navy),var(--tb-blue) 55%,var(--tb-cyan));border-radius:999px;transition:width .4s var(--ease-out)}.user-profile-balance.negative .user-profile-balance-bar-fill{background:linear-gradient(90deg,#b91c1c,#ef4444)}.user-profile-balance-percent{font-size:11px;color:var(--tb-navy);font-weight:700;letter-spacing:.03em}.user-profile-balance.negative .user-profile-balance-percent{color:#dc2626}.user-profile-detail-button{margin-top:4px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;color:var(--ink, #0f172a);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.user-profile-detail-button:hover{border-color:#0080ff4d;background:#0080ff0a;color:var(--tb-blue)}.user-profile-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid rgba(220,38,38,.25);border-radius:10px;background:#fff;color:#dc2626;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.user-profile-logout:hover{background:#fef2f2e6;border-color:#ef4444}.login-shell{--tb-navy: #16205c;--tb-blue: #0080ff;--tb-cyan: #00c4ff;--tb-white: #ffffff;--brand-logo-width: min(260px, 54vw);display:grid;grid-template-columns:1.12fr .88fr;min-height:100vh;min-height:100dvh;background:#0b1028}.login-showcase{position:relative;display:flex;flex-direction:column;padding:clamp(32px,4vw,56px) clamp(28px,4.5vw,64px);overflow:hidden;color:var(--tb-white);background:radial-gradient(ellipse 90% 70% at 100% 0%,rgba(0,128,255,.22) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 0% 100%,rgba(0,196,255,.12) 0%,transparent 50%),linear-gradient(155deg,#0a0f2a,#121b45 38%,#16205c 72%,#0f1638)}.login-noise{position:absolute;inset:0;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.showcase-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px)}.showcase-glow--top{width:min(520px,55vw);height:min(520px,55vw);top:-18%;right:-8%;background:radial-gradient(circle,rgba(0,128,255,.35) 0%,transparent 68%);animation:glowDrift 14s ease-in-out infinite}.showcase-glow--bottom{width:min(400px,45vw);height:min(400px,45vw);bottom:-12%;left:-6%;background:radial-gradient(circle,rgba(0,196,255,.2) 0%,transparent 70%);animation:glowDrift 18s ease-in-out infinite reverse}@keyframes glowDrift{0%,to{transform:translate(0) scale(1);opacity:.85}50%{transform:translate(-16px,12px) scale(1.04);opacity:1}}.login-showcase-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-bottom:4px;animation:fadeSlideUp .7s var(--ease-out) both}.showcase-brand-logo{width:var(--brand-logo-width);height:auto;display:block}.showcase-platform-badge{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;border:1px solid rgba(0,196,255,.28);background:#0080ff1a;color:#ffffffd1;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.showcase-center{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;max-width:620px;margin-top:clamp(24px,6vh,72px);padding-bottom:clamp(32px,8vh,80px)}.showcase-headline{margin:0;font-size:clamp(2.25rem,4.2vw,3.5rem);line-height:1.08;letter-spacing:-.035em;font-weight:700;color:var(--tb-white);animation:fadeSlideUp .75s 80ms var(--ease-out) both}.showcase-copy{margin:clamp(20px,3vh,28px) 0 0;max-width:540px;color:#ffffff9e;font-size:clamp(1rem,1.35vw,1.125rem);line-height:1.65;font-weight:400;animation:fadeSlideUp .75s .16s var(--ease-out) both}.showcase-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(28px,4vh,40px);animation:fadeSlideUp .75s .24s var(--ease-out) both}.showcase-tag{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#ffffffc7;font-size:12.5px;font-weight:500;letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .22s var(--ease-out),background .22s var(--ease-out),color .22s var(--ease-out)}.showcase-tag:hover{border-color:#00c4ff59;background:#0080ff1f;color:var(--tb-white)}.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,48px);min-height:100vh;min-height:100dvh;overflow-y:auto;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,128,255,.08) 0%,transparent 55%),linear-gradient(180deg,#0c1129,#0a0e22,#080c1c)}.login-panel-ambient{position:absolute;inset:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.login-card{position:relative;z-index:1;width:min(440px,100%);padding:clamp(36px,4.5vw,44px) clamp(32px,4vw,40px) clamp(36px,4vw,40px);border-radius:28px;border:.5px solid rgba(255,255,255,.08);background:#ffffff0a;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 0 0 .5px #00c4ff14 inset,0 0 48px #0080ff0f,0 28px 88px #0000006b,0 12px 40px #16205c38;animation:fadeSlideUp .7s .12s var(--ease-out) both}.login-card-brand{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:8px;padding-top:4px;padding-bottom:8px;margin-bottom:clamp(40px,4.5vh,44px)}.login-card-logo-wrap{display:block;width:var(--brand-logo-width);max-width:100%;margin:0 auto;aspect-ratio:936 / 151;line-height:0}.login-trendbot-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}.login-card-slogan{margin:0;padding:0;font-size:12.5px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:#00c4ff;line-height:1.2}.login-error{margin-bottom:20px;border:1px solid rgba(255,90,90,.25);border-radius:14px;background:#ff464614;color:#ffb4b4;font-size:13px;font-weight:500;padding:12px 16px;animation:fadeSlideUp .3s var(--ease-out) both}.login-form{display:grid;gap:22px}.login-field{display:grid;gap:8px}.login-field-label{font-size:12px;font-weight:600;letter-spacing:.04em;color:#ffffffb8}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:18px;color:#8fb7ff;pointer-events:none;transition:color .2s var(--ease-out);z-index:1}.input-group:hover .input-icon{color:#a8c8ff}.input-group:focus-within .input-icon{color:var(--tb-cyan)}.login-form input{width:100%;height:54px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:0 18px 0 50px;background:#ffffff0d;color:var(--tb-white);font-size:15px;font-weight:400;transition:border-color .2s var(--ease-out),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.login-form input::placeholder{color:#7a9ec8}.login-form input:hover{border-color:#fff3;background:#ffffff12}.login-form input:focus{outline:none;border-color:#0080ff8c;background:#ffffff14;box-shadow:0 0 0 4px #0080ff1f,0 0 24px #0080ff14}.login-submit{width:100%;margin-top:10px;height:54px;border:none;border-radius:14px;background:var(--tb-navy);color:var(--tb-white);font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .24s var(--ease-out),box-shadow .24s var(--ease-out),transform .18s var(--ease-out);box-shadow:0 4px 20px #16205c80,0 0 0 1px #ffffff0f inset}.login-submit:hover:not(:disabled){background:#0094ff;transform:translateY(-1px);box-shadow:0 8px 36px #0094ff6b,0 0 48px #00c4ff2e}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.btn-loading{display:inline-flex;align-items:center;justify-content:center}.login-footer{margin-top:clamp(32px,4vh,36px);text-align:center}.login-secure-note{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;font-weight:500;color:#8fb7ff;letter-spacing:.03em}.login-secure-note svg{flex-shrink:0;color:#8fb7ff}@media(max-width:1080px){.login-shell{grid-template-columns:1fr}.login-showcase{min-height:auto;padding-bottom:clamp(40px,8vh,64px)}.showcase-center{margin-top:clamp(20px,4vh,40px);padding-bottom:0}.login-panel{min-height:auto;padding-top:clamp(24px,5vh,40px);padding-bottom:clamp(40px,8vh,56px)}}@media(max-width:520px){.showcase-headline br{display:none}.showcase-headline{font-size:2rem}.login-card{border-radius:22px;padding:32px 24px}.login-card-brand{margin-bottom:36px}.login-card-slogan{font-size:11px;letter-spacing:4px}.login-form{gap:20px}.login-form input,.login-submit{height:50px}}@media(max-height:780px)and (min-width:1081px){.showcase-center{margin-top:24px;padding-bottom:32px}.login-card{padding:32px 36px}.login-card-brand{margin-bottom:36px}}.app{width:100%;min-height:100vh}