*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#FFFFFF;--bg-secondary:#FAFAFA;--bg-foreground:#FFFFFF;--bg-component:#F5F5F5;--bg-component-hover:#EFEFEF;--bg-component-active:#E8E8E8;--btn-bg:transparent;--btn-border:#EAEAEA;--btn-hover:#F2F2F2;--sidebar-hover:#F2F2F2;--sidebar-active:#EDEDED;--text-primary:#000000;--text-secondary:#666666;--text-deselected:#999;--accent-blue:#0070F3;--accent:#0070F3;--success:#0AC295;--warning:#F5A623;--danger:#DA3036;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.04);--shadow-md:0 2px 4px 0 rgba(0,0,0,0.06);--shadow-lg:0 4px 8px 0 rgba(0,0,0,0.08);--transition-fast:100ms cubic-bezier(0.4,0,0.2,1);--transition-normal:150ms cubic-bezier(0.4,0,0.2,1);--transition-slow:200ms cubic-bezier(0.4,0,0.2,1);--timeline-w:3px;--activity-pad-x:12px;--hover-stripe:color-mix(in srgb,var(--accent-blue) 28%,transparent)}[data-theme=dark]{--bg:#000000;--bg-secondary:#0A0A0A;--bg-foreground:#181818;--bg-component:#181818;--bg-component-hover:#1F1F1F;--bg-component-active:#242424;--btn-bg:transparent;--btn-border:#242424;--btn-hover:#1F1F1F;--sidebar-hover:#1F1F1F;--sidebar-active:#242424;--text-primary:#EDEDED;--text-secondary:#A1A1A1;--text-deselected:#666666;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 2px 4px 0 rgba(0,0,0,0.4);--shadow-lg:0 4px 8px 0 rgba(0,0,0,0.5)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body,html{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;letter-spacing:-.011em}.cursor-app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.top-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-lg);height:56px;flex-shrink:0;z-index:50;background-color:var(--bg-secondary)}.nav-center{grid-column:2;display:flex;align-items:center;justify-content:center}.nav-tab,.nav-tabs{display:flex;gap:var(--space-sm)}.nav-tab{align-items:center;padding:var(--space-sm) var(--space-lg);border:none;background-color:transparent;color:var(--text-deselected);font-size:16px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);letter-spacing:-.01em;position:relative}.nav-tab.active,.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{font-weight:500}.nav-tab:active{transform:scale(.95)}.nav-right{grid-column:3;display:flex;justify-content:flex-end;position:relative}.profile-button{border:none;background:transparent;cursor:pointer;padding:0;border-radius:50%;transition:all var(--transition-slow)}.profile-button:active{transform:scale(.95)}.profile-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--text-primary);color:var(--bg-foreground);font-weight:600;font-size:14px}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-menu{position:absolute;top:calc(100% + var(--space-sm));right:0;width:240px;background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm);z-index:1000;animation:slideIn .15s ease-out}.profile-menu-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);padding:var(--space-sm)}.profile-info{flex:1 1}.profile-name{font-weight:600;font-size:14px;color:var(--text-primary)}.profile-plan{font-size:12px;color:var(--text-secondary)}.profile-menu-separator{height:1px;background-color:var(--btn-border);margin:var(--space-sm) 0}.profile-menu-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-lg);border:none;background:var(--btn-bg);color:var(--text-primary);font-size:14px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.profile-menu-item:hover{background-color:var(--btn-hover)}.profile-menu-item:active{transform:scale(.975)}.profile-menu-item.danger{color:var(--danger)}.theme-switcher{display:flex;flex-direction:column;gap:2px;padding:var(--space-xs) 0}.theme-option{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-lg);border:none;background:var(--btn-bg);color:var(--text-primary);font-size:14px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left}.theme-option:hover{background-color:var(--btn-hover)}.theme-option:active{transform:scale(.975)}.theme-option.active{background-color:var(--bg-component-active);color:var(--accent-blue)}.theme-option svg{flex-shrink:0}.main-area{overflow:hidden}.codex-agent-view,.main-area{flex:1 1;display:flex;flex-direction:column}.codex-agent-view{align-items:center;padding:var(--space-3xl) var(--space-xl);overflow-y:auto;background-color:var(--bg-secondary)}.codex-center-content{width:100%;max-width:800px;display:flex;flex-direction:column;gap:var(--space-xl)}.codex-main-title{font-size:32px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--space-xl)}.codex-task-input-wrapper{width:100%;margin-bottom:var(--space-xl)}.codex-task-input-container{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-normal)}[data-theme=dark] .codex-task-input-container{background-color:transparent;border-color:#2a2a2a}.codex-task-input{width:100%;border:none;outline:none;font-size:15px;line-height:1.6;color:var(--text-primary);background:transparent;resize:none;font-family:inherit;min-height:80px;max-height:200px;margin-bottom:var(--space-lg)}.codex-task-input::placeholder{color:var(--text-secondary)}.agent-response-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);color:var(--text-primary)}[data-theme=dark] .agent-response-card{background-color:rgba(22,22,26,.8);border-color:#2a2a2a}.agent-response-loading{display:flex;align-items:center;gap:var(--space-md);font-size:14px;color:var(--text-secondary)}.agent-response-card .loading-spinner{border-color:rgba(148,163,184,.3);border-top-color:var(--accent-blue)}.agent-response-error{font-size:14px;color:var(--danger)}.agent-response-text{font-size:15px;line-height:1.6;color:var(--text-primary);white-space:pre-line}.agent-response-sources{border-top:1px solid var(--btn-border);padding-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.agent-response-sources-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.agent-response-sources ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.agent-response-sources li{font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.agent-response-source-label{font-weight:500;color:var(--text-primary)}.agent-response-sources li a{font-size:12px;color:var(--text-primary);word-break:break-word;text-decoration:underline;-webkit-text-decoration-color:rgba(148,163,184,.4);text-decoration-color:rgba(148,163,184,.4)}.agent-response-sources li a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.agent-response-meta,.agent-response-source-tag{font-size:12px;color:var(--text-secondary)}.agent-response-meta{margin-top:var(--space-sm)}.sora-output-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:320px;align-items:center;justify-content:center}[data-theme=dark] .sora-output-card{background-color:rgba(22,22,26,.8);border-color:#2a2a2a}.sora-placeholder{font-size:14px;color:var(--text-secondary);text-align:center}.sora-video-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.sora-video{width:clamp(220px,40vh,360px);aspect-ratio:9/16;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.2);background-color:#000;box-shadow:0 8px 30px rgba(15,23,42,.25)}.sora-status-text{font-size:12px;color:var(--text-secondary)}.sora-status-text.error{color:var(--danger)}.sora-operation-details{width:100%;font-size:12px;color:var(--text-secondary)}.sora-operation-details pre{margin-top:var(--space-sm);max-height:240px;overflow:auto;background:rgba(148,163,184,.08);border-radius:var(--radius-md);padding:var(--space-sm);color:var(--text-primary)}.sora-duration-selector{display:flex;align-items:center;margin-right:var(--space-md)}.sora-duration-dropdown{background-color:var(--bg-component);border:1px solid var(--btn-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:.9rem;color:var(--text-secondary);cursor:pointer;outline:none;transition:all .2s ease-in-out}.sora-duration-dropdown:hover:not([disabled]){background-color:var(--btn-hover);border-color:var(--text-deselected)}.sora-duration-dropdown:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(0,112,243,.1)}.sora-duration-dropdown[disabled]{opacity:.6;cursor:not-allowed}.veo-output-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:320px;align-items:center;justify-content:center}[data-theme=dark] .veo-output-card{background-color:rgba(22,22,26,.8);border-color:#2a2a2a}.veo-placeholder{font-size:14px;color:var(--text-secondary);text-align:center}.veo-video-wrapper{width:100%;display:flex;justify-content:center}.veo-video{width:clamp(220px,40vh,360px);aspect-ratio:9/16;border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.2);background-color:#000;box-shadow:0 8px 30px rgba(15,23,42,.25)}.veo-status-text{margin-top:var(--space-sm);font-size:12px;color:var(--text-secondary)}.veo-status-text.error{color:var(--danger)}.veo-operation-details{width:100%;font-size:12px;color:var(--text-secondary)}.veo-operation-details pre{margin-top:var(--space-sm);max-height:240px;overflow:auto;background:rgba(148,163,184,.08);border-radius:var(--radius-md);padding:var(--space-sm);color:var(--text-primary)}.codex-input-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-left:var(--space-xs);padding-right:var(--space-xs)}.codex-control-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--btn-bg);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.codex-control-btn:hover{background-color:var(--btn-hover);color:var(--text-primary)}.codex-selectors{display:flex;align-items:center;gap:var(--space-sm);flex:1 1}.codex-dropdown-wrapper{position:relative}.codex-selector-btn{display:flex;align-items:center;gap:var(--space-sm);padding:6px var(--space-md);border:1px solid var(--btn-border);background-color:var(--btn-bg);color:var(--text-primary);font-size:13px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);white-space:nowrap}.codex-selector-btn:hover{background-color:var(--btn-hover)}.codex-selector-btn:active{transform:scale(.95)}.codex-selector-btn.multiplier{min-width:50px;justify-content:center}.codex-submit-group{display:flex;align-items:center;gap:var(--space-sm)}.codex-voice-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--btn-bg);color:var(--text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.codex-voice-btn:hover:not(:disabled){background-color:var(--btn-hover);color:var(--text-primary)}.codex-voice-btn:disabled{opacity:.5;cursor:not-allowed}.codex-submit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background-color:var(--bg-component);color:var(--text-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.codex-submit-btn:not(:disabled){background-color:var(--text-primary);color:var(--bg-foreground)}.codex-submit-btn:hover:not(:disabled){background-color:var(--text-secondary);transform:scale(1.05)}.codex-submit-btn:disabled{cursor:not-allowed;opacity:.5;background-color:var(--bg-component);color:var(--text-secondary)}.codex-tabs-container{width:100%}.codex-tabs{display:flex;align-items:center;gap:var(--space-xl);border-bottom:1px solid var(--btn-border);position:relative;--tab-left:0px;--tab-width:0px}.codex-tabs:after{content:"";position:absolute;bottom:-1px;left:var(--tab-left);width:var(--tab-width);height:2px;background-color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.codex-tab{position:relative;display:flex;align-items:center;padding:var(--space-md) var(--space-xs);border:none;background:var(--btn-bg);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-slow)}.codex-tab.active,.codex-tab:hover{color:var(--text-primary)}.codex-tab:active{transform:scale(.95)}.tab-indicator{display:none}.codex-task-list{width:100%;display:flex;flex-direction:column}.codex-task-item{display:flex;align-items:flex-start;padding:var(--space-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow)}.codex-task-item:hover{background-color:var(--btn-hover)}.codex-task-item:active{transform:scale(.98)}.task-content{flex:1 1}.task-title{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.4}.task-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:13px}.task-meta,.task-separator{color:var(--text-secondary)}.loading-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard-container{width:100%;display:flex;min-height:100vh}.dashboard-sidebar{width:240px;display:flex;flex-direction:column;padding-top:var(--space-xl);padding-bottom:var(--space-xl);padding-left:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar-content{display:flex;flex-direction:column;gap:8px;position:relative;height:70%;justify-content:center}.sidebar-content:before{content:"";position:absolute;left:0;top:var(--nav-center,0);transform:translateY(-50%);width:8px;height:8px;background:var(--text-primary);border-radius:50%;transition:top .3s cubic-bezier(.4,0,.2,1);z-index:1}.nav-item{display:flex;align-items:center;gap:15px;padding:var(--space-md) 25px;border:none;background:var(--btn-bg);color:var(--text-deselected);font-size:20px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);text-align:left;border-radius:var(--radius-md)}.nav-item.active{color:var(--text-primary)}.dashboard-main{flex:1 1;display:flex;flex-direction:column;align-items:center;overflow-y:auto}.content-header{margin-bottom:var(--space-3xl)}.content-header h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em;line-height:1.2}.content-header p{font-size:15px;color:var(--text-secondary);line-height:1.5;max-width:600px}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);margin-top:var(--space-3xl)}.engagement-card,.recent-activity-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.engagement-card h2,.recent-activity-card h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl)}.recent-items{display:flex;flex-direction:column;gap:var(--space-md)}.recent-item{padding:var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer}.recent-item:hover{background-color:var(--btn-hover)}.item-title{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.item-meta{display:flex;gap:var(--space-md);font-size:12px;color:var(--text-secondary)}.item-type{background-color:var(--bg-component);color:var(--text-primary);padding:2px var(--space-sm);border-radius:var(--radius-md);font-weight:500}.engagement-chart{height:300px;display:flex;align-items:center;justify-content:center}.chart-placeholder{text-align:center;color:var(--text-secondary)}.chart-icon{margin-bottom:var(--space-md);opacity:.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--btn-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-container{flex-direction:column}.dashboard-sidebar{width:100%;position:static;max-height:none}}@media (max-width:768px){.top-nav{padding:var(--space-md)}.nav-tabs{gap:0}.nav-tab{font-size:12px;padding:var(--space-sm)}.codex-agent-view{padding:var(--space-lg) var(--space-md)}.dashboard-content,.stats-grid{grid-template-columns:1fr}}.dashboard-view{width:100%;max-width:800px;padding:var(--space-3xl) var(--space-xl)}.view-header{display:flex;justify-content:space-between;align-items:center}.view-header h1{font-size:23px;font-weight:500;color:var(--text-primary);letter-spacing:-.02em}.view-subtitle{display:none}.view-actions{display:flex;gap:var(--space-sm)}.action-btn{padding:6px 12px;border:1px solid var(--btn-border);background:var(--bg-foreground);color:var(--text-primary);border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all var(--transition-normal);font-weight:450;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:var(--space-xs);height:32px}.action-btn:hover{background-color:var(--bg-component);border-color:var(--text-secondary)}.primary-btn{padding:6px 12px;border:1px solid var(--text-primary);background:var(--text-primary);color:var(--bg-foreground);border-radius:var(--radius-md);font-size:13px;font-weight:450;cursor:pointer;transition:all var(--transition-normal);letter-spacing:-.01em;display:inline-flex;align-items:center;gap:var(--space-xs);height:32px}.primary-btn:hover{background-color:var(--text-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.stats-row{display:flex;align-items:center;gap:0;margin-bottom:var(--space-2xl);padding:var(--space-xl) 0}.metric-card{flex:1 1;padding:0 var(--space-2xl);position:relative;border:none;background:transparent;transition:none;box-shadow:none;text-align:center}.metric-card:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:48px;background-color:var(--btn-border)}.metric-card:hover{border:none;transform:none;box-shadow:none}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.metric-label{font-size:13px;color:var(--text-secondary);font-weight:400;margin-bottom:var(--space-sm);display:block}.metric-value{font-size:36px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1;letter-spacing:-.03em;display:block}.metric-change{font-size:13px;color:var(--text-secondary);font-weight:400;letter-spacing:-.01em;display:block}.metric-change.positive{color:var(--success)}.chart-section{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.section-header h2{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.chart-timeframes{display:flex;gap:var(--space-xs);background-color:var(--bg-component);padding:4px;border-radius:var(--radius-sm)}.timeframe-btn{padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em}.timeframe-btn.active,.timeframe-btn:hover{color:var(--text-primary)}.timeframe-btn.active{background-color:var(--bg-foreground);box-shadow:0 1px 2px rgba(0,0,0,.05)}.chart-prev-close{position:absolute;top:var(--space-xl);right:var(--space-xl);font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.chart-legend{display:flex;gap:var(--space-lg)}.chart-placeholder-large{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--bg-main);border-radius:var(--radius-sm);border:1px dashed var(--btn-border);position:relative;overflow:hidden}.chart-placeholder-large:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,rgba(0,0,0,.02) 50%,transparent 60%);background-size:20px 20px}.chart-placeholder-large:after{content:"";position:absolute;bottom:20px;left:20px;right:20px;height:2px;background:linear-gradient(to right,var(--accent-blue) 0,var(--accent-blue) 30%,var(--success) 30%,var(--success) 60%,var(--warning) 60%,var(--warning) 100%);border-radius:1px;opacity:.7}.table-container{overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}.activity-timeline,.table-container{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.activity-timeline{margin-top:var(--space-lg)}.timeline-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);letter-spacing:-.02em}.timeline-items{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-lg) 0;position:relative}.timeline-item:not(:last-child){border-bottom:1px solid var(--btn-border)}.timeline-date{flex-shrink:0;width:100px;display:flex;flex-direction:column;gap:4px;text-align:left}.timeline-day{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.2}.timeline-price{font-size:13px;color:var(--text-secondary);font-family:monospace;line-height:1.2}.timeline-marker{flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:6px}.timeline-marker:before{content:"";position:absolute;top:50%;left:50%;transform:translateX(-50%);width:1px;background-color:var(--btn-border)}.timeline-item:last-child .timeline-marker:before{display:none}.timeline-dot{width:12px;height:12px;border:2px solid var(--text-primary);border-radius:50%;background-color:var(--bg-foreground);position:relative;z-index:1}.timeline-content{flex:1 1;margin-top:6px}.timeline-change{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:var(--space-sm)}.timeline-change.positive{color:var(--success);background-color:rgba(10,194,149,.1)}.timeline-change.negative{color:var(--danger);background-color:rgba(255,0,0,.1)}.timeline-description{font-size:14px;color:var(--text-primary);line-height:1.6}.data-table{width:100%;border-collapse:collapse}.data-table thead{border-bottom:1px solid var(--btn-border)}.data-table th{padding:var(--space-md) var(--space-sm);text-align:left;font-size:12px;font-weight:500;color:var(--text-secondary)}.data-table tbody tr{border-bottom:1px solid var(--btn-border);transition:all var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background-color:var(--bg-component)}.data-table td{padding:var(--space-md) var(--space-lg);font-size:14px;color:var(--text-primary);line-height:1.4}.campaign-name{gap:var(--space-md)}.campaign-name,.platform-icon{display:flex;align-items:center}.platform-icon{font-size:16px;width:28px;height:28px;justify-content:center;background:var(--bg-component);border-radius:6px}.campaign-title{font-weight:500;font-size:14px;margin-bottom:2px}.campaign-url{font-size:12px;color:var(--text-secondary)}.campaign-about{max-width:300px}.about-title{font-weight:500;font-size:14px;margin-bottom:2px}.about-desc{font-size:12px;color:var(--text-secondary)}.revenue{font-weight:600;font-size:14px}.connectors-section{max-width:800px;margin:0 auto}.connectors-title{font-size:20px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.connectors-subtitle{font-size:14px;line-height:1.5}.connectors-container{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.connector-card{border:1px solid var(--btn-border);padding:var(--space-xl);overflow:hidden}.instagram-connector{border-top:4px solid #e1306c}.connector-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);position:relative}.connector-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:white}.connector-header h2{font-size:18px;font-weight:600;margin:0}.connector-connected-badge{margin-left:auto;padding:var(--space-xs) var(--space-sm);background-color:var(--success);color:white;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.connector-content{margin-top:var(--space-md)}.connector-description,.connector-oauth-info{margin-bottom:var(--space-lg)}.connector-oauth-info{font-size:14px;background-color:var(--bg-component);padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--accent-blue)}.connector-form{max-width:400px}.connector-form .form-group{margin-bottom:var(--space-md)}.connector-form label{display:block;margin-bottom:var(--space-xs);font-size:14px;font-weight:500;color:var(--text-primary)}.connector-form input{width:100%;padding:var(--space-sm);border:1px solid var(--btn-border);border-radius:var(--radius-md);background-color:var(--bg-component);color:var(--text-primary);font-size:14px}.connector-form input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(0,112,243,.1)}.connector-error{color:var(--danger);font-size:14px;margin-bottom:var(--space-md)}.connector-button{padding:var(--space-sm) var(--space-lg);background-color:var(--accent-blue);color:white;border:none;transition:background-color .2s ease}.connector-button:hover{background-color:#0060d0}.connector-button:disabled{background-color:#ccc;cursor:not-allowed}.instagram-profile{margin-bottom:var(--space-xl)}.instagram-profile-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.instagram-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:white;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.instagram-profile-info h3{margin:0 0 var(--space-xs);font-size:18px}.instagram-bio{font-size:14px;color:var(--text-secondary);margin:0}.instagram-metrics{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-lg)}.instagram-metric{flex:1 1;min-width:100px;padding:var(--space-md);background-color:var(--bg-component);border-radius:var(--radius-md);text-align:center}.instagram-metric-value{font-size:20px;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-primary)}.instagram-metric-label{font-size:12px;color:var(--text-secondary)}.instagram-recent-posts{margin-top:var(--space-xl)}.instagram-recent-posts h3{font-size:16px;margin-bottom:var(--space-lg)}.instagram-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.instagram-post{border:1px solid var(--btn-border);border-radius:var(--radius-md);overflow:hidden}.instagram-post-image{width:100%;height:0;padding-bottom:100%;position:relative;background-color:var(--bg-component)}.instagram-post-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.instagram-post-info{padding:var(--space-md)}.instagram-post-metrics{display:flex;gap:var(--space-md);margin-bottom:var(--space-xs)}.instagram-post-comments,.instagram-post-likes{font-size:13px;color:var(--text-secondary)}.instagram-post-caption{font-size:13px;margin-bottom:var(--space-xs)}.instagram-post-date{font-size:12px;color:var(--text-secondary)}.connector-actions{margin-top:var(--space-xl);display:flex;justify-content:flex-end}.connector-disconnect-button{padding:var(--space-sm) var(--space-lg);background-color:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-md);font-size:14px;cursor:pointer;transition:all .2s ease}.connector-disconnect-button:hover{background-color:rgba(218,48,54,.1)}.tiktok-connector{border-top:4px solid #25f4ee;position:relative}.tiktok-connector:before{content:"";position:absolute;top:-4px;left:30%;right:0;height:4px;background-color:#FE2C55;z-index:1}.tiktok-icon{background:linear-gradient(90deg,#25F4EE,#FE2C55)}.connector-loading{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.tiktok-profile{margin-bottom:var(--space-xl)}.tiktok-profile-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.tiktok-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#25F4EE,#FE2C55);color:white;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;overflow:hidden}.tiktok-avatar img{width:100%;height:100%;object-fit:cover}.tiktok-profile-info h3{margin:0 0 var(--space-xs);font-size:18px;display:flex;align-items:center;gap:var(--space-xs)}.tiktok-verified-badge{background-color:#20D5EC;color:white;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1}.tiktok-profile-link{font-size:13px;color:var(--accent-blue);text-decoration:none}.tiktok-profile-link:hover{text-decoration:underline}.tiktok-metrics{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-lg)}.tiktok-metric{flex:1 1;min-width:100px;padding:var(--space-md);background-color:var(--bg-component);border-radius:var(--radius-md);text-align:center}.tiktok-metric-value{font-size:20px;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-primary)}.tiktok-metric-label{font-size:12px;color:var(--text-secondary)}.tiktok-videos{margin-top:var(--space-xl)}.tiktok-videos h3{font-size:16px;margin-bottom:var(--space-lg)}.tiktok-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.tiktok-video{border:1px solid var(--btn-border);border-radius:var(--radius-md);overflow:hidden}.tiktok-video-thumbnail{width:100%;height:0;padding-bottom:177.7%;position:relative;background-color:var(--bg-component)}.tiktok-video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.tiktok-video-duration{position:absolute;bottom:8px;right:8px;background-color:rgba(0,0,0,.7);color:white;padding:2px 6px;border-radius:4px;font-size:12px}.tiktok-video-info{padding:var(--space-md)}.tiktok-video-title{font-size:14px;font-weight:500;margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.tiktok-video-stats{display:flex;gap:var(--space-md);margin-bottom:var(--space-xs);font-size:13px;color:var(--text-secondary)}.tiktok-video-link{display:inline-block;margin-top:var(--space-xs);font-size:12px;color:var(--accent-blue);text-decoration:none}.tiktok-video-link:hover{text-decoration:underline}.tiktok-no-videos{padding:var(--space-lg);background-color:var(--bg-component);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary)}.policy-container{max-width:800px;margin:0 auto;padding:var(--space-xl);background-color:var(--bg-background);font-family:var(--font-primary);color:var(--text-primary)}.policy-content{width:100%}.policy-content h1{font-size:28px}.policy-content h1,.policy-content h2{margin-bottom:var(--space-md);font-weight:600}.policy-content h2{font-size:20px;margin-top:var(--space-xl)}.policy-content p{margin-bottom:var(--space-md);line-height:1.6}.policy-content ol,.policy-content ul{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.policy-content li{margin-bottom:var(--space-xs);line-height:1.6}.policy-content a{color:var(--accent-blue);text-decoration:none}.policy-content a:hover{text-decoration:underline}.policy-content .last-updated{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-xl)}.policy-content .email-contact{margin-top:var(--space-md);font-weight:500}.policy-content section{margin-bottom:var(--space-xl)}.policy-content .instruction-intro{font-size:16px;margin-bottom:var(--space-lg);font-weight:500}.policy-content .contact-section{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--btn-border)}.connectors-grid{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.connector-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) 0;border-bottom:1px solid var(--btn-border);transition:all var(--transition-normal)}.connector-card:first-child{padding-top:0}.connector-card:last-child{border-bottom:none;padding-bottom:0}.connector-card:hover{background-color:transparent}.connector-info{display:flex;align-items:center;gap:var(--space-lg);flex:1 1}.connector-icon{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bg-component)}.connector-icon img{width:100%;height:100%;object-fit:cover}.connector-details{display:flex;flex-direction:column;gap:var(--space-xs)}.connector-description{max-width:400px;line-height:1.4}.connector-status{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;margin-bottom:2px}.status-dot{width:6px;height:6px;border-radius:50%}.connector-status.connected{color:var(--success)}.connector-status.connected .status-dot{background-color:var(--success)}.connector-status.disconnected{color:var(--text-secondary)}.connector-status.disconnected .status-dot{background-color:var(--text-secondary)}.connector-sync{font-size:12px;color:var(--text-secondary)}.connector-action{display:flex;align-items:center}.connector-button{padding:6px 16px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;letter-spacing:-.01em}.connector-button:hover{background-color:var(--bg-component);border-color:var(--text-secondary)}.connector-button.enable{color:var(--text-primary);border-color:var(--btn-border)}.connector-button.enable:hover{background-color:rgba(0,112,243,.05)}.settings-page{max-width:800px;margin:0 auto}.settings-sections{display:flex;flex-direction:column;gap:0}.settings-section{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:0;margin-bottom:var(--space-lg)}.settings-field{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--btn-border)}.settings-field:last-child{border-bottom:none}.settings-field-info{flex:1 1;display:flex;flex-direction:column;gap:var(--space-xs)}.settings-label{font-size:14px;color:var(--text-secondary);font-weight:400;letter-spacing:-.01em}.settings-value{font-size:15px;font-weight:450}.settings-action,.settings-value{color:var(--text-primary);letter-spacing:-.01em}.settings-action{padding:6px 12px;font-size:13px;font-weight:500;background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);flex-shrink:0}.settings-action:hover{background-color:var(--bg-component);border-color:var(--text-secondary)}.settings-action.manage{display:flex;align-items:center;gap:var(--space-xs)}.settings-action.manage:after{content:"→";font-size:16px;line-height:1}.settings-input{width:100%;padding:8px 12px;font-size:15px;color:var(--text-primary);background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-md);transition:all var(--transition-normal);letter-spacing:-.01em}.settings-input:focus{outline:none;border-color:var(--text-primary)}.settings-date,.settings-text{font-size:15px;color:var(--text-primary);font-weight:450}.settings-toggle-group{display:flex;flex-direction:column;gap:var(--space-lg)}.settings-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0}.toggle-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.toggle-desc{font-size:12px;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-component);border-radius:24px}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--bg-foreground);border-radius:50%}input:checked+.toggle-slider{background-color:var(--text-primary)}input:checked+.toggle-slider:before{transform:translateX(20px)}.danger-zone{border-bottom:1px solid var(--danger)}.danger-btn,.danger-zone h3{color:var(--danger)}.danger-btn{padding:6px 12px;border:1px solid var(--btn-border);background:transparent;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.danger-btn:hover{background-color:var(--danger);border-color:var(--danger)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--bg-secondary);gap:var(--space-lg)}.loading-screen p{font-size:14px;color:var(--text-secondary)}.splash-page-minimal{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-foreground);position:relative;overflow:hidden;padding:var(--space-xl)}.splash-content-minimal{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 2 * var(--space-3xl));position:relative;z-index:1}.splash-hero-minimal{margin-top:10vh}.splash-title-minimal{font-size:64px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xl);letter-spacing:-.03em;line-height:1.1}.splash-subtitle-minimal{font-size:18px;color:var(--text-secondary);margin-bottom:var(--space-3xl);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.5}.splash-cta-minimal{flex-direction:column;gap:var(--space-md)}.splash-btn-minimal,.splash-cta-minimal{display:flex;justify-content:center;align-items:center}.splash-btn-minimal{gap:var(--space-sm);padding:12px 24px;font-size:15px;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);min-width:200px;letter-spacing:-.01em}.splash-btn-primary-minimal{background-color:var(--text-primary);color:var(--bg-foreground);border:none}.splash-btn-primary-minimal:hover{background-color:var(--text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.splash-btn-secondary-minimal{background-color:transparent;color:var(--text-primary);border:1px solid var(--btn-border)}.splash-btn-secondary-minimal:hover{background-color:var(--btn-hover);border-color:var(--text-primary);border:1px solid var(--btn-border)}.splash-footer-minimal{padding:var(--space-xl) 0;font-size:13px;color:var(--text-secondary);margin-bottom:1vh}.splash-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--bg-secondary) 0,#F8F9FA 100%);padding:var(--space-2xl) var(--space-lg)}.splash-content{max-width:1200px;width:100%;text-align:center}.splash-hero,.splash-logo{margin-bottom:var(--space-2xl)}.splash-logo{position:relative;display:inline-flex;align-items:center;justify-content:center}.splash-logo-icon{color:var(--text-primary)}.splash-logo-sparkle{position:absolute;top:-8px;right:-8px;color:var(--accent-blue);animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg);opacity:.7}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.splash-title{font-size:64px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);line-height:1.1;letter-spacing:-.04em}.splash-title-gradient{background:linear-gradient(135deg,var(--accent-blue) 0,var(--success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.splash-cta{gap:var(--space-md);justify-content:center;margin-bottom:var(--space-2xl)}.splash-btn,.splash-cta{display:flex;align-items:center}.splash-btn{gap:var(--space-sm);padding:16px 32px;font-size:16px;font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;letter-spacing:-.01em}.splash-btn-primary{background-color:var(--text-primary);color:var(--bg-foreground)}.splash-btn-primary:hover{background-color:var(--text-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.splash-btn-secondary{background-color:var(--bg-foreground);color:var(--text-primary);border:1px solid var(--btn-border)}.splash-btn-secondary:hover{background-color:var(--bg-component);border-color:var(--text-secondary)}.splash-features{margin-bottom:var(--space-2xl)}.splash-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:var(--space-2xl);gap:var(--space-2xl);max-width:900px;margin:0 auto}.splash-feature{text-align:center;padding:var(--space-xl);background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.splash-feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--text-secondary)}.splash-feature-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--bg-component);border-radius:var(--radius-lg);margin:0 auto var(--space-lg);color:var(--accent-blue)}.splash-feature-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em}.splash-feature-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}.splash-footer{padding-top:var(--space-2xl);border-top:1px solid var(--btn-border)}.splash-footer-text{font-size:14px;color:var(--text-secondary)}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background-color:var(--bg-foreground);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;margin:var(--space-xl);animation:modalSlideIn .2s ease-out}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--btn-border)}.auth-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.auth-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--btn-bg);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.auth-modal-close:hover{background-color:var(--btn-hover);color:var(--text-primary)}.auth-modal-content{padding:var(--space-xl)}.auth-error{background-color:rgba(255,0,0,.1);color:var(--danger);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:14px;border:1px solid rgba(255,0,0,.2)}.auth-form{gap:var(--space-xl);margin-bottom:var(--space-xl)}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:var(--space-sm)}.auth-label{font-size:14px;font-weight:500}.auth-input,.auth-label{color:var(--text-primary);letter-spacing:-.01em}.auth-input{padding:10px var(--space-md);border:1px solid var(--btn-border);border-radius:var(--radius-md);font-size:15px;background-color:var(--bg-foreground);transition:all var(--transition-normal)}.auth-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,112,243,.1)}.auth-password-field{position:relative}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:all var(--transition-normal)}.auth-password-toggle:hover{color:var(--text-primary);background-color:var(--btn-hover)}.auth-submit-btn{display:flex;align-items:center;justify-content:center;padding:10px var(--space-xl);background-color:var(--text-primary);color:var(--bg-foreground);border:none;border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);letter-spacing:-.01em;min-height:44px}.auth-submit-btn:hover:not(:disabled){background-color:var(--text-secondary);transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;margin:var(--space-xl) 0;color:var(--text-secondary);font-size:14px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background-color:var(--btn-border)}.auth-divider span{padding:0 var(--space-md)}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:10px var(--space-xl);background-color:var(--bg-foreground);color:var(--text-primary);border:1px solid var(--btn-border);border-radius:var(--radius-md);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);letter-spacing:-.01em;margin-bottom:var(--space-xl);min-height:44px}.auth-google-btn:hover:not(:disabled){background-color:var(--bg-component);border-color:var(--btn-border)}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;font-size:14px;color:var(--text-secondary)}.auth-switch-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-weight:500;text-decoration:underline;transition:all var(--transition-normal)}.auth-switch-btn:hover:not(:disabled){color:var(--text-primary)}.auth-switch-btn:disabled{opacity:.7;cursor:not-allowed}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-modal{background-color:var(--bg-foreground);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:768px;height:85vh;max-height:600px;margin:var(--space-xl);display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out;overflow:hidden}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--btn-border);flex-shrink:0}.settings-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.settings-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--btn-bg);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.settings-modal-close:hover{background-color:var(--btn-hover);color:var(--text-primary)}.settings-modal-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.settings-sidebar{display:flex;flex-direction:column;gap:2px;padding:var(--space-md);min-width:180px;flex-shrink:0}.settings-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--transition-normal);text-align:left;letter-spacing:-.01em}.settings-nav-item svg{color:var(--text-secondary);transition:color var(--transition-normal)}.settings-nav-item:hover{background-color:var(--btn-hover)}.settings-nav-item.active{background-color:var(--bg-component);color:var(--text-primary)}.settings-nav-item.active svg{color:var(--text-primary)}.settings-content{flex:1 1;padding:var(--space-xl);overflow-y:auto;overflow-x:hidden}.settings-panel{flex-direction:column;height:100%}.settings-panel,.settings-row{display:flex;width:100%;gap:var(--space-lg)}.settings-row{align-items:center;justify-content:space-between;padding:var(--space-md)}.settings-row-content{flex:1 1;min-width:0}.settings-row-action{display:flex;align-items:center;justify-content:flex-end;min-width:100px}.settings-action-btn{padding:6px var(--space-md);height:32px;background:transparent;color:var(--text-primary);border:1px solid var(--btn-border);border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);letter-spacing:-.01em}.settings-action-btn:hover{background-color:var(--btn-hover);border-color:var(--text-secondary)}.settings-profile{display:flex;align-items:center;gap:var(--space-sm)}.settings-avatar{width:48px;height:48px;border-radius:50%;border:1px solid var(--btn-border);overflow:hidden;flex-shrink:0;transition:opacity var(--transition-normal)}.settings-avatar:hover{opacity:.75}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-profile-info{display:flex;flex-direction:column;min-width:0}.settings-profile-name{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.settings-profile-email{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-feature-row{display:flex;align-items:center;gap:8px}.settings-feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-component);border-radius:var(--radius-md);font-size:16px}.settings-icon-svg{width:16px;height:16px}.settings-feature-label{font-size:14px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.settings-icon-secondary,.settings-refresh-btn{color:var(--text-secondary)}.settings-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-left:4px}.settings-refresh-btn:hover{background-color:var(--btn-hover)}.settings-divider{height:1px;background-color:var(--btn-border);margin:0 var(--space-md)}.settings-footer{margin-top:auto}.settings-user-id{font-size:12px;color:var(--text-secondary);opacity:.3;padding:var(--space-md)}.settings-upgrade-card{position:relative;padding:14px var(--space-md);width:100%;background-color:#000000;color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-xl);font-size:12px;cursor:pointer;text-align:left;transition:all .3s ease-in-out;overflow:hidden;margin-bottom:var(--space-md)}.settings-upgrade-card:hover{transform:scale(1.01)}.settings-upgrade-gradient{position:absolute;inset:0;display:flex;justify-content:center;top:0;overflow:hidden;border-radius:15px}.settings-upgrade-gradient:after{content:"";position:absolute;bottom:16px;width:320px;height:320px;background:linear-gradient(90deg,#FF6B6B,#4ECDC4,#0070F3);opacity:.1;border-radius:50%;filter:blur(32px)}.settings-upgrade-text{position:relative;z-index:10}.settings-placeholder-text{padding:0 var(--space-md);font-size:14px;color:var(--text-secondary)}.settings-placeholder-subtext{padding:0 var(--space-md);font-size:14px;color:var(--text-primary)}@media (max-width:640px){.settings-modal{height:100vh;max-height:100vh;margin:0;border-radius:0}.settings-modal-body{flex-direction:column}.settings-sidebar{flex-direction:row;overflow-x:auto;min-width:100%;padding-bottom:var(--space-md);border-bottom:1px solid var(--btn-border)}.settings-nav-item{white-space:nowrap}}.onboarding-overlay-new{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-modal-new{background-color:var(--bg-foreground);border-radius:var(--radius-xl);border:1px solid var(--btn-border);box-shadow:var(--shadow-lg);width:100%;max-width:768px;height:514.2px;max-height:85vh;margin:var(--space-xl);display:flex;flex-direction:column;animation:modalSlideIn .2s ease-out;overflow:hidden;position:relative}.onboarding-header-new{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);background-color:var(--bg-primary)}.onboarding-header-new h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.02em;padding-left:0}.onboarding-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all var(--transition-normal)}.onboarding-close-btn:hover{background-color:var(--sidebar-hover);color:var(--text-primary)}.onboarding-body-new{display:flex;flex:1 1;height:calc(100% - 130px);overflow:hidden}.onboarding-nav-new{width:220px;padding:var(--space-md);background-color:var(--bg-primary);display:flex;flex-direction:column;gap:2px}.onboarding-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);border:none;background:var(--btn-bg);color:var(--text-secondary);font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md)}.onboarding-nav-item:hover{color:var(--text-primary);background-color:var(--sidebar-hover)}.onboarding-nav-item.active{color:var(--text-primary);background-color:var(--sidebar-active)}.onboarding-nav-icon{display:flex;align-items:center;justify-content:center;color:inherit}.onboarding-content-new{flex:1 1;overflow-y:auto}.onboarding-content-new,.onboarding-footer-new{padding:var(--space-xl);background-color:var(--bg-primary)}.onboarding-footer-new{border-top:1px solid var(--btn-border);display:flex;justify-content:flex-end}.onboarding-finish-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background-color:var(--accent-blue);color:#EDEDED;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);letter-spacing:-.01em}.onboarding-finish-btn:hover{background-color:var(--text-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.onboarding-tab-content{max-width:100%}.onboarding-tab-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.onboarding-tab-description{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.5}.url-input-form{margin-bottom:var(--space-lg)}.url-input-container{display:flex;width:100%;position:relative}.url-input{flex:1 1;padding:10px var(--space-md);border:1px solid var(--btn-border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);transition:all var(--transition-normal);font-family:inherit;background-color:var(--bg-foreground)}.url-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.url-add-button{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.url-add-button:hover{background-color:var(--btn-hover)}.urls-list{margin-top:var(--space-xl)}.urls-list-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.01em}.urls-list-items{display:flex;flex-direction:column;gap:var(--space-sm)}.url-item{display:flex;align-items:center;padding:var(--space-md);background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-md);gap:var(--space-md);transition:all var(--transition-normal)}.url-item:hover{background-color:var(--bg-component-hover)}.url-item-icon{color:var(--text-secondary);flex-shrink:0}.url-item-link{flex:1 1;font-size:14px;color:var(--accent-blue);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-item-link:hover{text-decoration:underline}.url-item-remove{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.url-item-remove:hover{background-color:var(--btn-hover);color:var(--danger)}.file-dropzone{border:2px dashed var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-3xl);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);background-color:var(--bg-foreground);margin-bottom:var(--space-xl)}.file-dropzone:hover{border-color:var(--text-primary);background-color:var(--bg-component-hover)}.file-dropzone-icon{color:var(--text-primary);margin-bottom:var(--space-md)}.file-dropzone-text{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.01em}.file-dropzone-hint{font-size:13px;color:var(--text-secondary);line-height:1.4}.files-list-container{margin-top:var(--space-xl)}.files-list-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.01em}.files-list-items{display:flex;flex-direction:column;gap:var(--space-sm)}.file-list-item{display:flex;align-items:center;padding:var(--space-md);background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-md);gap:var(--space-md);transition:all var(--transition-normal)}.file-list-item:hover{background-color:var(--bg-component-hover)}.file-list-item-icon{color:var(--text-secondary);flex-shrink:0}.file-list-item-details{flex:1 1;display:flex;flex-direction:column;gap:var(--space-xs)}.file-list-item-name{font-size:14px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list-item-size{font-size:12px;color:var(--text-secondary)}.file-list-item-remove{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.file-list-item-remove:hover{background-color:var(--btn-hover);color:var(--danger);background-color:rgba(0,0,0,.05);color:#d93025}.connectors-section{margin-bottom:var(--space-3xl)}.connectors-list-label{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.01em}.connectors-list-container{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);overflow:hidden}.connector-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);transition:background-color var(--transition-normal)}.connector-list-item:hover:not(.disabled){background-color:var(--bg-secondary)}.connector-list-item.disabled{opacity:.6}.connector-list-left{display:flex;align-items:center;gap:var(--space-md);flex:1 1}.connector-list-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--bg-component);font-size:24px;flex-shrink:0}.connector-list-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1}.connector-list-name{font-size:15px;font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.connector-list-description{font-size:14px;color:var(--text-secondary);line-height:1.4}.connector-list-button{padding:var(--space-sm) var(--space-lg);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--btn-border);background-color:var(--bg-foreground);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;letter-spacing:-.01em}.connector-list-button:hover{background-color:var(--btn-hover);border-color:var(--text-primary)}.connector-list-button.connected{background-color:var(--text-primary);color:var(--bg-foreground);border-color:var(--text-primary)}.connector-list-button.connected:hover{background-color:var(--text-secondary)}.connector-coming-soon-badge{font-size:11px;font-weight:500;padding:4px var(--space-sm);background-color:var(--bg-component);color:var(--text-secondary);border-radius:var(--radius-md);letter-spacing:.02em;text-transform:uppercase}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-modal{background-color:var(--bg-foreground);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:90vh;margin:var(--space-lg);display:flex;flex-direction:column;animation:modalSlideIn .4s ease-out}.onboarding-progress{flex:1 1}.progress-steps{gap:var(--space-lg);margin-bottom:var(--space-md)}.progress-step,.progress-steps{display:flex;align-items:center}.progress-step{gap:var(--space-sm);font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast)}.progress-step.active{color:var(--text-primary)}.step-circle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--bg-component);color:var(--text-secondary);font-size:12px;font-weight:600;transition:all var(--transition-fast)}.progress-step.active .step-circle{background-color:var(--text-primary);color:var(--bg-foreground)}.step-title{font-weight:500;letter-spacing:-.01em}.progress-bar{height:4px;background-color:var(--bg-component);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background-color:var(--text-primary);transition:width .3s ease}.onboarding-skip{color:var(--text-secondary);background:none;border:none;font-size:14px;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.onboarding-skip:hover{color:var(--text-primary);background-color:var(--btn-hover)}.onboarding-content{flex:1 1;padding:var(--space-2xl);overflow-y:auto}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-top:1px solid var(--btn-border)}.onboarding-step-info{flex:1 1}.onboarding-step-info h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.01em}.onboarding-step-info p{font-size:14px;color:var(--text-secondary)}.onboarding-next{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-md);background-color:var(--text-primary);color:var(--bg-foreground);border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);letter-spacing:-.01em}.onboarding-next:hover{background-color:var(--text-secondary);transform:translateY(-1px)}.onboarding-welcome{text-align:center;max-width:500px;margin:0 auto}.onboarding-welcome-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--accent-blue),var(--success));color:white;border-radius:var(--radius-xl);margin:0 auto var(--space-xl)}.onboarding-welcome-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.02em;line-height:1.3}.onboarding-welcome-text{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2xl)}.onboarding-welcome-features{display:flex;flex-direction:column;gap:var(--space-md);text-align:left}.onboarding-feature-item{display:flex;align-items:center;gap:var(--space-md);font-size:15px;color:var(--text-primary)}.feature-check{color:var(--success);flex-shrink:0}.onboarding-connectors{max-width:600px;margin:0 auto}.onboarding-section-header{text-align:center;margin-bottom:var(--space-2xl)}.onboarding-section-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em}.onboarding-section-header p{font-size:15px;color:var(--text-secondary);line-height:1.6}.connectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.connectors-grid.coming-soon{margin-bottom:0}.connector-card{background-color:var(--bg-foreground);border:2px solid var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast);position:relative}.connector-card:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.connector-card.connected{border-color:var(--success);background-color:rgba(10,194,149,.05)}.connector-card.disabled{opacity:.6;cursor:not-allowed}.connector-card.disabled:hover{transform:none;box-shadow:none;border-color:var(--btn-border)}.connector-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.connector-icon{font-size:32px;line-height:1}.connector-check{transition:all var(--transition-fast)}.check-active{color:var(--success)}.check-inactive{color:var(--text-secondary)}.coming-soon-badge{background-color:var(--accent-blue);color:white;font-size:11px;font-weight:500;padding:2px var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.connector-info{text-align:left}.connector-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.01em}.connector-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-sm)}.connector-category{display:inline-block;background-color:var(--bg-component);color:var(--text-secondary);font-size:12px;font-weight:500;padding:2px var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.onboarding-upload{max-width:500px;margin:0 auto}.upload-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.upload-action-card,.upload-button{display:flex;flex-direction:column}.upload-button{align-items:center;gap:var(--space-md);padding:var(--space-2xl);background-color:var(--bg-foreground);border:2px dashed var(--btn-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-size:15px;font-weight:500;min-height:120px;justify-content:center}.upload-button:hover{border-color:var(--accent-blue);color:var(--accent-blue);background-color:rgba(0,112,243,.02)}.file-upload{position:relative}.uploaded-files{background-color:var(--bg-component);border-radius:var(--radius-lg);padding:var(--space-lg)}.uploaded-files h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:-.01em}.files-list{display:flex;flex-direction:column;gap:var(--space-sm)}.file-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);background-color:var(--bg-foreground);border-radius:var(--radius-sm);border:1px solid var(--btn-border)}.file-icon{color:var(--text-secondary);flex-shrink:0}.file-info{flex:1 1;display:flex;flex-direction:column;gap:2px}.file-name{font-size:14px;color:var(--text-primary);font-weight:500;word-break:break-all}.file-size{font-size:12px}.file-remove,.file-size{color:var(--text-secondary)}.file-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--btn-bg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.file-remove:hover{background-color:var(--danger);color:white}.onboarding-complete{text-align:center;max-width:400px;margin:0 auto}.onboarding-complete-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:rgba(10,194,149,.1);border-radius:var(--radius-xl);margin:0 auto var(--space-xl)}.success-icon{color:var(--success)}.onboarding-complete-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:-.02em}.onboarding-complete-text{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2xl)}.onboarding-summary{display:flex;flex-direction:column;gap:var(--space-md);background-color:var(--bg-component);padding:var(--space-lg);border-radius:var(--radius-lg)}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:15px}.summary-label{color:var(--text-secondary)}.summary-value{color:var(--text-primary);font-weight:600}@media (max-width:768px){.splash-title{font-size:48px}.splash-subtitle{font-size:18px}.splash-cta{flex-direction:column;align-items:stretch}.splash-btn{justify-content:center}.splash-features-grid{grid-template-columns:1fr;gap:var(--space-lg)}.onboarding-modal{max-width:95vw;max-height:95vh}.onboarding-content{padding:var(--space-lg)}.onboarding-footer{flex-direction:column;gap:var(--space-lg);align-items:stretch}.onboarding-step-info{text-align:center}.connectors-grid,.upload-actions{grid-template-columns:1fr}.progress-steps{display:none}}.general-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.general-view-title{font-size:20px;font-weight:600}.general-view-actions{display:flex;gap:var(--space-sm)}.general-view-button{padding:6px 12px;font-size:13px;border-radius:var(--radius-md);border:1px solid var(--btn-border);background-color:white;cursor:pointer}.general-stats-row{display:flex;align-items:center;margin-bottom:var(--space-xl)}.general-stat-card{flex:1 1;text-align:left;position:relative}.general-stat-label{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-sm);letter-spacing:.025em}.general-stat-value{font-size:28px;font-weight:500;line-height:1;margin-bottom:var(--space-xs)}.general-stat-change{font-size:13px;color:var(--success)}.general-chart-container{background-color:var(--bg-background);border:1.5px solid var(--btn-border);border-radius:12px;padding:0;position:relative;overflow:hidden;height:400px;justify-content:center;display:flex;align-items:center}.icon-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-secondary)}.icon-text-wrapper .icon{width:24px;height:24px;stroke:var(--text-secondary)}.icon-text-wrapper p{font-size:13px;margin:0}.activity-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.activity-group{display:grid;grid-template-columns:180px 1fr;grid-gap:24px;gap:24px;margin-bottom:40px}.activity-group:last-child{margin-bottom:0}.activity-date-header{font-size:13px;font-weight:500;color:var(--text-secondary);padding-top:10px}.activity-items-list{display:flex;flex-direction:column}.activity-item-notion{position:relative;display:flex;align-items:flex-start;gap:12px;padding:10px var(--activity-pad-x);margin-bottom:4px;border-radius:12px;cursor:pointer;transition:background .16s ease,transform .16s ease}.activity-item-notion:last-child{margin-bottom:0}.activity-item-notion:before{content:"";position:absolute;top:8px;bottom:8px;border-radius:999px;opacity:0;transition:all var(--transition-normal);pointer-events:none}.activity-item-notion:hover{background:var(--sidebar-hover)}.activity-item-notion:active{transform:scale(.98)}.activity-item-notion:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-blue) 22%,transparent) inset}.activity-bar{width:var(--timeline-w);min-width:var(--timeline-w);height:auto;border-radius:999px;flex-shrink:0;align-self:stretch;transition:transform .16s ease,opacity .16s ease;transform-origin:left center}.activity-content{flex:1 1;display:flex;flex-direction:column;justify-content:center}.activity-title{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4;margin-bottom:4px}.activity-time{font-size:14px;color:var(--text-secondary);line-height:1.4}.connectors-subtitle{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2xl)}.connectors-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:0;margin-bottom:var(--space-lg)}.connector-item{display:flex;align-items:center;justify-content:space-between;padding:24px}.connector-item:not(:last-child){border-bottom:1px solid var(--btn-border)}.connector-left{display:flex;align-items:center;gap:16px}.connector-icon-box{width:48px;height:48px;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;font-size:24px}.connector-text{display:flex;flex-direction:column}.connector-name{font-size:15px;font-weight:500}.connector-desc{font-size:14px;font-weight:500;color:var(--text-secondary)}.connector-action-btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:4px;background-color:transparent;cursor:pointer}.connector-action-btn,.connector-action-btn.enable{border:1px solid var(--btn-border);color:var(--text-primary)}.settings-section-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.settings-field-row{display:flex;justify-content:space-between;align-items:center;padding:24px}.settings-field-row:not(:last-child){border-bottom:1px solid var(--btn-border)}.settings-field-content{display:flex;flex-direction:column}.settings-field-label{font-size:14px;color:var(--text-secondary);font-weight:500}.settings-field-value{font-size:15px;color:var(--text-primary);font-weight:500}.settings-field-button{padding:6px 12px}.settings-field-button,.settings-manage-button{font-size:13px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--btn-border);background-color:var(--bg-foreground);cursor:pointer;color:var(--text-primary)}.settings-manage-button{padding:8px 16px;display:flex;align-items:center;gap:4px}.settings-manage-arrow{font-size:16px;line-height:1}.settings-notification-row{display:flex;justify-content:space-between;align-items:center;padding:24px}.settings-notification-row:not(:last-child){border-bottom:1px solid var(--btn-border)}.settings-notification-info{display:flex;flex-direction:column}.settings-notification-title{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.settings-notification-desc{font-size:14px;color:var(--text-secondary)}.settings-toggle-label{position:relative;display:inline-block;width:44px;height:24px}.settings-toggle-input{opacity:0;width:0;height:0}.settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--accent-blue);transition:.3s;border-radius:24px}.settings-toggle-knob{position:absolute;content:"";height:18px;width:18px;right:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}.settings-danger-card{background-color:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:var(--space-lg)}.settings-danger-row{display:flex;justify-content:space-between;align-items:center}.settings-danger-content{display:flex;flex-direction:column}.settings-danger-title{font-size:15px;font-weight:600;color:var(--danger);margin-bottom:4px}.settings-danger-desc{font-size:14px;color:var(--text-secondary)}.settings-delete-button{padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--btn-border);color:var(--danger);background-color:var(--bg-foreground);cursor:pointer}.splash-container{background:var(--bg);color:var(--text-primary);font-family:Inter,sans-serif;min-height:100vh;height:100vh;overflow:hidden;padding:0 1.5rem}.hero-section,.splash-container{display:flex;align-items:center;justify-content:center}.hero-section{flex-direction:column;text-align:center;max-width:600px;width:100%}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0 auto 3rem;line-height:1.6}.google-signin-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-foreground);border:1px solid var(--btn-border);border-radius:50px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.google-signin-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--text-secondary)}.google-signin-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.google-icon{width:20px;height:20px;flex-shrink:0}.sources-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;animation:fadeIn .25s forwards}.sources-drawer{position:fixed;top:0;right:0;height:100vh;width:400px;background:var(--bg-foreground);box-shadow:-4px 0 20px rgba(0,0,0,.1);border-left:1px solid var(--btn-border);z-index:100000;transform:translateX(100%);animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column}.sources-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px 25px 20px;flex-shrink:0}.sources-drawer-title{font-size:23px;font-weight:500;color:var(--text-primary);margin:0}.sources-close-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:8px;transition:all var(--transition-normal)}.sources-close-btn:hover{background:var(--btn-hover);color:var(--text-primary)}.sources-close-btn:active{transform:scale(.925)}.sources-tabs-container{position:relative;padding:0 24px;margin-bottom:20px;flex-shrink:0;--drawer-tab-left:0px;--drawer-tab-width:40px}.sources-tabs{display:flex;gap:24px;position:relative;padding-bottom:12px}.sources-tab{background:none;border:none;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:0;transition:all var(--transition-normal);position:relative;white-space:nowrap}.sources-tab:hover{color:var(--text-primary)}.sources-tab:active{transform:scale(.95)}.sources-tab.active{color:var(--text-primary);font-weight:500}.sources-tabs-divider{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--btn-border)}.sources-tabs-divider:after{content:"";position:absolute;bottom:0;left:var(--drawer-tab-left);width:var(--drawer-tab-width);height:2px;background:var(--text-primary);border-radius:2px;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);transform-origin:left;z-index:1}.sources-drawer-content{flex:1 1;overflow-y:auto;padding:0 24px 24px;display:flex;flex-direction:column;gap:16px}.add-source-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:transparent;border:1px solid var(--btn-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal)}.add-source-btn:hover:not(:disabled){background:var(--btn-hover);border-color:var(--text-secondary)}.add-source-btn:active:not(:disabled){transform:scale(.985)}.add-source-btn:disabled{opacity:.5;cursor:not-allowed}.sources-loading{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}.sources-empty{text-align:center;padding:80px 20px;flex-direction:column;gap:12px}.sources-empty,.sources-empty-icon{color:var(--text-secondary);display:flex;align-items:center}.sources-empty-icon{justify-content:center;border-radius:50%}.sources-empty p{font-size:14px;margin:0}.sources-list{display:flex;flex-direction:column;gap:4px}.source-item{justify-content:space-between;padding:12px 16px;border-radius:8px;transition:background .15s ease;cursor:pointer}.source-item,.source-item-left{display:flex;align-items:center}.source-item-left{gap:12px}.source-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.source-name{font-size:14px;font-weight:400;color:var(--text-primary)}.source-delete-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:all var(--transition-normal)}.source-delete-btn:hover{background:rgba(218,48,54,.1);color:var(--danger)}.source-delete-btn:active{transform:scale(.95)}.add-link-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;background:var(--bg-foreground);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--btn-border);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:100001;animation:modalSlideIn .25s cubic-bezier(.4,0,.2,1) forwards}.add-link-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--btn-border)}.add-link-modal-header h3{font-size:16px;font-weight:500;color:var(--text-primary);margin:0}.add-link-modal-body{padding:24px}.add-link-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.add-link-input{width:100%;padding:12px 16px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--btn-border);border-radius:8px;outline:none;transition:all .15s ease;font-family:inherit}.add-link-input:focus{border-color:var(--accent-blue);background:var(--bg-foreground);box-shadow:0 0 0 3px rgba(0,112,243,.1)}.add-link-input:disabled{opacity:.5;cursor:not-allowed}.add-link-hint{font-size:12px;color:var(--text-secondary);margin-top:8px;margin-bottom:0}.add-link-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--btn-border)}.add-link-cancel-btn{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-primary);background:transparent;border:1px solid var(--btn-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.add-link-cancel-btn:hover:not(:disabled){background:var(--btn-hover);border-color:var(--text-secondary)}.add-link-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.add-link-submit-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:var(--accent-blue);border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.add-link-submit-btn:hover:not(:disabled){background:#0060d9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,112,243,.3)}.add-link-submit-btn:active:not(:disabled){transform:translateY(0)}.add-link-submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{to{opacity:1}}