:root{--finn-teal: #0437d8;--finn-teal-dark: #032ba8;--finn-teal-light: #e9eefc;--finn-cyan: #3de8df;--finn-teal-solid: #4ce7df;--finn-blue-solid: #2434d5;--finn-orange: #e1963f;--finn-gradient: linear-gradient(135deg, #3de8df 0%, #0437d8 100%);--finn-gradient-panel: linear-gradient(160deg, #0336d8 0%, #2ebddd 100%);--finn-bg: #191919;--finn-sidebar: #242424;--finn-surface: #ffffff;--finn-border: #e2e8f0;--finn-text: #1a202c;--finn-text-muted: #64748b;--finn-text-light: #cbd5e1;--finn-danger: #ef4444;--finn-radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--finn-surface);color:var(--finn-text)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--finn-bg);color:#fff;display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06)}.sidebar-header{padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{font-size:24px;font-weight:800;background:var(--finn-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.sidebar-new-chat{margin:12px;padding:10px 16px;background:var(--finn-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.sidebar-new-chat:hover{filter:brightness(1.1)}.sidebar-nav{flex:1;overflow-y:auto;padding:8px}.sidebar-section{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#fff6;padding:12px 8px 6px}.chat-history-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s}.chat-history-item:hover{background:#ffffff14}.chat-history-item.active{background:#068fbd33;color:var(--finn-teal)}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#ffffff80}.main-area{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--finn-surface)}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;opacity:.06;pointer-events:none;z-index:0;background-image:url(/finn-logo.png);background-size:contain;background-repeat:no-repeat;background-position:center}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--finn-border);z-index:1;background:var(--finn-surface)}.topbar-title{font-weight:700;font-size:15px}.persona-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--finn-teal-light);border:1px solid var(--finn-teal);border-radius:20px;font-size:13px;color:var(--finn-teal);font-weight:600}.chat-view{flex:1;overflow-y:auto;z-index:1;position:relative}.chat-messages{max-width:800px;margin:0 auto;padding:24px 20px 120px}.message{margin-bottom:24px;display:flex;gap:12px}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px}.message.user .message-avatar{background:var(--finn-gradient);color:#fff}.message.assistant .message-avatar{background:var(--finn-bg);color:var(--finn-teal)}.message-body{max-width:75%}.message.user .message-body{text-align:right}.message-bubble{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;text-align:left}.message.user .message-bubble{background:var(--finn-gradient);color:#fff}.message.assistant .message-bubble{background:#f1f5f9;color:var(--finn-text)}.message-bubble h1,.message-bubble h2,.message-bubble h3{margin:12px 0 6px}.message-bubble h1{font-size:18px}.message-bubble h2{font-size:16px}.message-bubble h3{font-size:14px}.message-bubble ul,.message-bubble ol{margin:6px 0 6px 20px}.message-bubble table{border-collapse:collapse;width:100%;margin:12px 0}.message-bubble th,.message-bubble td{border:1px solid var(--finn-border);padding:8px;font-size:13px}.message-bubble th{background:#f1f5f9}.message-bubble pre{background:#1e293b;color:#e2e8f0;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-size:13px}.message-bubble code{font-family:Fira Code,monospace}.message-time{font-size:11px;color:var(--finn-text-muted);margin-top:4px}.typing-indicator{display:inline-flex;gap:4px;padding:4px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--finn-text-muted);animation:bounce 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.composer{position:absolute;bottom:0;left:0;right:0;z-index:2;background:var(--finn-surface);border-top:1px solid var(--finn-border);padding:12px 20px 16px}.composer-inner{max-width:800px;margin:0 auto}.composer-topbar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dd{position:relative}.dd-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f1f5f9;border:1px solid var(--finn-border);border-radius:8px;font-size:13px;cursor:pointer;transition:border-color .2s}.dd-trigger:hover{border-color:var(--finn-teal)}.dd-trigger.active{border-color:var(--finn-teal);background:var(--finn-teal-light)}.dd-menu{position:absolute;bottom:calc(100% + 6px);left:0;min-width:280px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--finn-border);border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:100;padding:6px}.dd-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.dd-item:hover,.dd-item.selected{background:var(--finn-teal-light)}.dd-item-emoji{font-size:18px;flex-shrink:0}.dd-item-content{flex:1;min-width:0}.dd-item-name{font-size:13px;font-weight:600}.dd-item-desc{font-size:12px;color:var(--finn-text-muted)}.dd-item-check{color:var(--finn-teal);flex-shrink:0}.dd-item.pro .dd-item-name:after{content:" PRO";font-size:10px;background:#f59e0b;color:#fff;padding:1px 5px;border-radius:4px;margin-left:4px}.composer-input-box{display:flex;align-items:flex-end;gap:8px;background:#fff;border:1px solid var(--finn-border);border-radius:16px;padding:8px 12px;transition:border-color .2s}.composer-input-box:focus-within{border-color:var(--finn-teal)}.composer-textarea{flex:1;border:none;outline:none;resize:none;font-size:14px;line-height:1.5;max-height:200px;min-height:24px;font-family:inherit;background:transparent}.composer-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;font-size:16px;transition:all .15s;background:#f1f5f9;color:var(--finn-text-muted);flex-shrink:0}.composer-btn:hover{background:var(--finn-teal-light);color:var(--finn-teal)}.composer-btn.active,.composer-btn.send{background:var(--finn-gradient);color:#fff}.composer-btn.send:hover{filter:brightness(1.1)}.composer-btn.send:disabled{opacity:.4;cursor:not-allowed}.composer-toggles{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--finn-text-muted)}.toggle-chip{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:16px;border:1px solid var(--finn-border);cursor:pointer;transition:all .15s;font-size:12px}.toggle-chip.active{background:var(--finn-gradient);color:#fff;border-color:var(--finn-teal)}.attach-menu{position:absolute;bottom:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--finn-border);border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:100;padding:6px;min-width:200px}.attach-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .15s}.attach-item:hover{background:var(--finn-teal-light)}.kb-menu{width:280px;max-width:calc(100vw - 32px);max-height:320px;overflow-y:auto}.kb-menu-header{display:flex;align-items:center;gap:6px;padding:6px 8px 8px;font-size:12px;font-weight:600;color:var(--finn-text-muted)}.kb-back{border:none;background:none;font-size:18px;line-height:1;padding:0 4px;cursor:pointer;color:var(--finn-text-muted)}.kb-menu-note{padding:8px 12px 10px;font-size:13px;color:var(--finn-text-muted);line-height:1.4}.kb-retry{border:none;background:none;color:var(--finn-teal);cursor:pointer;font-size:13px;padding:0}.kb-item.selected{background:var(--finn-teal-light)}.kb-check{width:14px;flex-shrink:0;color:var(--finn-teal);font-weight:700}.kb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-chip{cursor:default}.kb-chip-remove{border:none;background:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 2px}.message-citations{margin-top:6px;font-size:12px;color:var(--finn-text-muted)}.message-citations-label{font-weight:600;margin-bottom:2px}.message-citations ol{padding-left:20px}.chart-block{margin:12px 0;padding:16px;background:#fff;border:1px solid var(--finn-border);border-radius:12px}.chart-block canvas{max-height:300px}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--finn-bg);position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 15% 20%,rgba(4,55,216,.35),transparent 70%),radial-gradient(500px 400px at 85% 80%,rgba(61,232,223,.18),transparent 70%);pointer-events:none}.login-card{position:relative;z-index:1;box-shadow:0 8px 32px #0000001f}.login-card{width:360px;background:#fff;border-radius:16px;padding:40px;text-align:center}.login-logo{font-size:36px;font-weight:800;background:var(--finn-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}.login-subtitle{color:var(--finn-text-muted);margin-bottom:24px;font-size:14px}.login-input{width:100%;padding:10px 14px;border:1px solid var(--finn-border);border-radius:8px;font-size:14px;margin-bottom:12px;outline:none}.login-input:focus{border-color:var(--finn-teal)}.login-btn{width:100%;padding:12px;background:var(--finn-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.login-btn:hover{filter:brightness(1.1)}.login-error{color:var(--finn-danger);font-size:13px;margin-top:8px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.sidebar ::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width: 768px){.sidebar{display:none}.message-body{max-width:90%}}