@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0D0D0F;--bg-secondary: #141418;--bg-tertiary: #1A1A1F;--bg-elevated: #202027;--text-primary: #FAFAFA;--text-secondary: #A0A0A8;--text-tertiary: #606068;--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-glow: rgba(37, 99, 235, .2);--accent-pink: #2563eb;--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--success: #4ADE80;--warning: #FBBF24;--error: #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=light]{--bg-primary: #F5F5F7;--bg-secondary: #EBEBED;--bg-tertiary: #E0E0E3;--bg-elevated: #ffffff;--text-primary: #0D0D0F;--text-secondary: #505058;--text-tertiary: #808088;--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-glow: rgba(37, 99, 235, .15);--accent-pink: #2563eb;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .14)}body{font-family:DM Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.loading-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.app-container{display:flex;min-height:100vh}.mobile-header,.mobile-nav{display:none}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:24px;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{margin-bottom:32px}.logo{display:flex;align-items:center;gap:10px}.logo-icon{color:var(--accent-primary);animation:pulse 3s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.logo-text{font-family:Fraunces,serif;font-size:24px;font-weight:600;letter-spacing:-.5px}.logo-tagline{font-size:12px;color:var(--text-tertiary);margin-top:4px;display:block;margin-left:38px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-family:inherit;text-align:left}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent-primary)}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:14px;font-weight:500;font-family:inherit;transition:all var(--transition-fast)}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 16px #2563eb4d}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.sidebar-ai{background:linear-gradient(135deg,#2563eb14,#2563eb0a);border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);padding:16px;margin-bottom:24px}.ai-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--accent-primary)}.ai-icon{font-size:16px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.ai-btn{width:100%;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:inherit;text-align:left;transition:all var(--transition-fast);margin-bottom:8px}.ai-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.ai-btn.insights{display:flex;align-items:center;gap:8px;justify-content:center;background:transparent;border-color:var(--accent-primary);color:var(--accent-primary)}.ai-btn.insights:hover{background:#2563eb1a}.upcoming-renewals{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.upcoming-renewals h4{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.renewal-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px}.renewal-name{color:var(--text-secondary)}.renewal-date{color:var(--warning);font-weight:500}.main-content{flex:1;margin-left:280px;padding:32px 40px;min-height:100vh;background:var(--bg-primary)}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-family:Fraunces,serif;font-size:32px;font-weight:600;margin-bottom:8px}.dashboard-header p{color:var(--text-secondary);font-size:15px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-fast)}.metric-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.metric-card.highlight{background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-color:#2563eb33}.metric-label{font-size:13px;color:var(--text-tertiary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-family:Fraunces,serif;font-size:36px;font-weight:600;margin-bottom:4px}.metric-card.highlight .metric-value{color:var(--accent-primary)}.metric-subtext{font-size:13px;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.section-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:16px;font-weight:600}.section-link{font-size:13px;color:var(--accent-primary);cursor:pointer;background:none;border:none;font-family:inherit}.section-link:hover{text-decoration:underline}.subscription-list{display:flex;flex-direction:column;gap:12px}.subscription-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.subscription-item:hover{background:var(--bg-elevated)}.subscription-item.inactive{opacity:.5}.sub-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px}.sub-info{flex:1}.sub-name{font-weight:500;margin-bottom:4px}.sub-category{font-size:13px;color:var(--text-tertiary)}.sub-cost{text-align:right}.sub-price{font-weight:600;font-size:16px}.sub-cycle{font-size:12px;color:var(--text-tertiary)}.sub-actions{display:flex;gap:8px;opacity:0;transition:opacity var(--transition-fast)}.subscription-item:hover .sub-actions{opacity:1}.sub-action-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.sub-action-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.sub-action-btn.delete:hover{border-color:var(--error);color:var(--error)}.view-all-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 16px;margin-top:12px;background:transparent;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.view-all-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-glow)}.view-all-link:hover .icon{transform:translate(3px)}.view-all-link .icon{transition:transform var(--transition-fast)}.category-list{display:flex;flex-direction:column;gap:16px}.category-item{display:flex;align-items:center;gap:12px}.category-dot{width:8px;height:8px;border-radius:50%}.category-name{flex:1;font-size:14px}.category-amount{font-weight:500}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}.modal.large{max-width:700px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-title{font-family:Fraunces,serif;font-size:20px;font-weight:600}.modal-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast)}.modal-close:hover{border-color:var(--text-primary);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;max-height:calc(90vh - 150px)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-with-prefix{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input-with-prefix:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #2563eb1a}.input-with-prefix .form-input{border:none;background:transparent;flex:1}.input-with-prefix .form-input:focus{box-shadow:none}.input-prefix,.input-suffix{padding:0 12px;color:var(--text-secondary);font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none}.input-prefix{padding-right:0}.input-suffix{padding-left:0}.form-select{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.form-select:focus{outline:none;border-color:var(--accent-primary)}.form-actions{display:flex;gap:12px;margin-top:24px}.btn{flex:1;padding:14px 24px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2563eb4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-elevated)}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:4px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:var(--shadow-md)}.suggestion-item{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background var(--transition-fast)}.suggestion-item:hover{background:var(--bg-tertiary)}.suggestion-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px}.suggestion-name{font-weight:500}.suggestion-category{font-size:12px;color:var(--text-tertiary)}.chat-container{display:flex;flex-direction:column;height:500px}.chat-messages{flex:1;overflow-y:auto;padding:16px 0;display:flex;flex-direction:column;gap:16px}.chat-message{max-width:85%;padding:12px 16px;border-radius:var(--radius-lg);font-size:14px;line-height:1.6}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-bottom-right-radius:4px}.chat-message.assistant{align-self:flex-start;background:var(--bg-tertiary);border-bottom-left-radius:4px}.chat-message.loading{display:flex;gap:6px;padding:16px}.loading-dot{width:8px;height:8px;background:var(--text-tertiary);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-container{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.chat-input{flex:1;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;resize:none}.chat-input:focus{outline:none;border-color:var(--accent-primary)}.chat-send{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition-fast)}.chat-send:hover{transform:scale(1.05)}.chat-send:disabled{opacity:.5;cursor:not-allowed;transform:none}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.quick-prompt{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.quick-prompt:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.insights-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px}.insights-content{line-height:1.8;font-size:15px}.insights-content h3{font-family:Fraunces,serif;font-size:18px;margin:24px 0 12px;color:var(--accent-primary)}.insights-content h3:first-child{margin-top:0}.insights-content ul{margin:8px 0;padding-left:24px}.insights-content li{margin:8px 0}.insights-content strong{color:var(--accent-secondary)}.scanner-textarea{width:100%;min-height:200px;padding:16px;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical;transition:border-color var(--transition-fast)}.scanner-textarea:focus{outline:none;border-color:var(--accent-primary)}.scanner-hint{font-size:13px;color:var(--text-tertiary);margin-top:8px}.scanner-mode-toggle{display:flex;gap:8px;margin-bottom:20px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.image-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-tertiary)}.image-upload-area:hover{border-color:var(--accent-primary);background:var(--accent-glow)}.upload-icon{font-size:48px;margin-bottom:12px}.upload-text{font-size:15px;color:var(--text-primary);margin-bottom:4px}.upload-hint{font-size:12px;color:var(--text-tertiary)}.image-preview-container{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-tertiary)}.image-preview{width:100%;max-height:300px;object-fit:contain;display:block}.clear-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.clear-image-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.extracted-preview{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:20px;margin-top:20px}.extracted-title{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.extracted-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.extracted-field:last-child{border-bottom:none}.extracted-label{color:var(--text-secondary)}.extracted-value{font-weight:500}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.chart-card.full-width{grid-column:span 2}.chart-title{font-size:16px;font-weight:600;margin-bottom:20px}.custom-tooltip{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px}.tooltip-label{font-size:12px;color:var(--text-tertiary);margin-bottom:4px}.tooltip-value{font-weight:600;color:var(--text-primary)}.subscriptions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.subscriptions-header h1{font-family:Fraunces,serif;font-size:28px;font-weight:600}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.filter-tab:hover{border-color:var(--border-hover)}.filter-tab.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary)}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.subscription-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-fast)}.subscription-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.subscription-card.inactive{opacity:.6}.card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:22px}.card-title-group{flex:1}.card-name{font-weight:600;font-size:16px;margin-bottom:4px}.card-category{font-size:13px;color:var(--text-tertiary)}.card-status{padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;text-transform:uppercase}.card-status.active{background:#22c55e1a;color:var(--success)}.card-status.paused{background:#9ca3af1a;color:var(--text-tertiary)}.card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.card-detail{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-weight:500;font-size:14px}.card-actions{display:flex;gap:8px;margin-top:16px}.card-btn{flex:1;padding:10px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);font-size:13px;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.card-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.card-btn.toggle{border-color:var(--warning);color:var(--warning)}.card-btn.delete{border-color:var(--error);color:var(--error)}.difficulty-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;margin-top:12px}.difficulty-badge.easy{background:#22c55e1a;color:var(--success)}.difficulty-badge.medium{background:#f59e0b1a;color:var(--warning)}.difficulty-badge.hard{background:#ef44441a;color:var(--error)}.subscriptions-list{display:flex;flex-direction:column;gap:4px}.subscription-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.subscription-row:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.subscription-row.inactive{opacity:.5}.row-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.row-info{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.row-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-category{font-size:12px;color:var(--text-tertiary);white-space:nowrap}.row-cost{font-weight:500;font-size:14px;white-space:nowrap;min-width:100px;text-align:right}.row-date{font-size:13px;color:var(--text-secondary);white-space:nowrap;min-width:70px;text-align:right}.row-status{padding:3px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;text-transform:uppercase;white-space:nowrap}.row-status.active{background:#22c55e1a;color:var(--success)}.row-status.paused{background:#9ca3af1a;color:var(--text-tertiary)}.row-actions{display:flex;gap:6px;opacity:0;transition:opacity var(--transition-fast)}.subscription-row:hover .row-actions{opacity:1}.subscription-list.compact{gap:4px}.subscription-list.compact .subscription-item{padding:8px 12px;gap:10px}.subscription-list.compact .sub-icon{width:28px;height:28px}.subscription-list.compact .sub-name{font-size:13px}.subscription-list.compact .sub-price{font-size:14px}.subscription-list.compact .sub-cycle{font-size:11px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-container{width:100%;max-width:400px;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo{justify-content:center;margin-bottom:16px}.auth-subtitle{color:var(--text-secondary);font-size:15px}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:20px}.auth-link{display:block;width:100%;background:none;border:none;color:var(--accent-primary);font-size:14px;cursor:pointer;font-family:inherit;margin-top:16px;text-align:center}.auth-link:hover{text-decoration:underline}.auth-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.auth-footer-text{color:var(--text-secondary);font-size:14px}.auth-switch{background:none;border:none;color:var(--accent-primary);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.auth-switch:hover{text-decoration:underline}.reset-success{text-align:center;padding:24px 0}.success-icon{width:64px;height:64px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--success);margin:0 auto 24px}.reset-success h3{font-family:Fraunces,serif;font-size:20px;margin-bottom:8px}.reset-success p{color:var(--text-secondary);font-size:14px}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 16px;color:var(--text-tertiary);font-size:13px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.btn-google:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{width:100%;padding:14px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.btn-ghost:hover{color:var(--text-primary)}.sidebar-user{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.account-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.account-btn:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.account-btn-icon{width:32px;height:32px;border-radius:50%;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent-primary);overflow:hidden}.account-btn-icon img{width:100%;height:100%;object-fit:cover}.account-btn-text{flex:1;text-align:left;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0}.account-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--accent-primary);margin-bottom:16px;overflow:hidden}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-info{margin-bottom:24px}.account-name{font-size:18px;font-weight:600;margin-bottom:4px}.account-email{font-size:14px;color:var(--text-secondary)}.account-actions,.account-actions .btn{width:100%}.account-guest{text-align:center;padding:16px 0}.guest-icon{font-size:48px;margin-bottom:16px}.account-guest h3{font-family:Fraunces,serif;font-size:18px;margin-bottom:8px}.account-guest p{color:var(--text-secondary);font-size:14px;line-height:1.6}.account-settings{width:100%;margin:20px 0;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-label{font-size:13px;color:var(--text-secondary);font-weight:500}.account-modal{max-width:480px}.account-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 16px;gap:4px}.account-tab{display:flex;align-items:center;gap:6px;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.account-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.account-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-icon{font-size:14px}.tab-label{display:block}@media (max-width: 480px){.tab-label{display:none}.account-tab{padding:12px;flex:1;justify-content:center}.tab-icon{font-size:18px}}.settings-section{padding:8px 0}.settings-group{margin-bottom:24px}.settings-group:last-child{margin-bottom:0}.settings-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:12px}.settings-group.danger-zone .settings-group-title{color:#ef4444}.account-profile{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:24px}.account-profile .account-avatar{width:56px;height:56px;margin-bottom:0;font-size:24px}.account-profile .account-info{margin-bottom:0;text-align:left}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-info{flex:1}.setting-description{display:block;font-size:12px;color:var(--text-tertiary);margin-top:2px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-elevated);border:1px solid var(--border-color);transition:all var(--transition-fast);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary);border-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.info-link{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-color);color:var(--text-primary);text-decoration:none;font-size:14px;transition:all var(--transition-fast)}.info-link:hover{color:var(--accent-primary)}.info-link:last-child{border-bottom:none}.link-arrow{color:var(--text-tertiary);transition:all var(--transition-fast)}.info-link:hover .link-arrow{color:var(--accent-primary);transform:translate(2px)}.app-credits{text-align:center;padding:24px 0 8px;margin-top:16px;border-top:1px solid var(--border-color)}.app-credits p{font-size:13px;color:var(--text-tertiary);margin:0}.app-credits .copyright{margin-top:8px;font-size:12px}.full-width{width:100%}.cancel-difficulty{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.cancel-difficulty-label{color:var(--text-secondary);font-size:14px}.cancel-difficulty-badge{font-weight:600;font-size:14px;text-transform:capitalize}.cancel-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:20px}.warning-icon{font-size:18px}.cancel-warning span:last-child{color:var(--text-primary);font-size:14px;line-height:1.5}.cancel-instructions{margin-bottom:24px}.cancel-instructions h3{font-size:16px;font-weight:600;margin-bottom:16px}.cancel-steps{padding-left:20px;margin:0}.cancel-steps li{padding:8px 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.cancel-steps li::marker{color:var(--accent-primary)}.cancel-actions{display:flex;flex-direction:column;gap:12px}.cancel-no-link{text-align:center;color:var(--text-secondary);font-size:14px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.card-btn.cancel{border-color:var(--accent-primary);color:var(--accent-primary)}.card-btn.cancel:hover{background:#2563eb1a}.email-scanner-modal{max-width:520px}.email-scanner-content{text-align:center;padding:24px 0}.email-scanner-content.results{text-align:left}.email-scanner-icon{font-size:48px;margin-bottom:16px;display:inline-block}.email-scanner-icon.scanning{animation:spin 1.5s linear infinite}.email-scanner-icon.error{color:var(--error);background:#ef44441a;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px;font-weight:700}.email-scanner-icon.empty{color:var(--text-tertiary)}.email-scanner-content h3{font-family:Fraunces,serif;font-size:20px;margin-bottom:8px}.email-scanner-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-bottom:24px}.email-providers{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.email-provider-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.email-provider-btn:hover:not(:disabled){border-color:var(--accent-primary);transform:translateY(-2px)}.email-provider-btn:disabled{opacity:.5;cursor:not-allowed}.provider-icon{width:24px;height:24px}.email-privacy-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-tertiary);padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.email-connected{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.email-connected-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#22c55e1a;border:1px solid var(--success);border-radius:var(--radius-md);color:var(--success);font-size:14px}.email-connected-icon{font-weight:700}.email-connected-actions{display:flex;flex-direction:column;gap:8px}.btn-sm{padding:8px 12px;font-size:13px}.scan-progress{margin:24px 0}.scan-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:8px}.scan-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .3s ease}.scan-progress-text{font-size:14px;color:var(--text-secondary)}.scan-status{font-size:13px;color:var(--text-tertiary);margin-top:8px}.found-subscriptions-list{display:flex;flex-direction:column;gap:8px;margin:20px 0;max-height:350px;overflow-y:auto}.found-subscription-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.found-subscription-item:hover:not(.existing){border-color:var(--accent-primary)}.found-subscription-item.selected{border-color:var(--accent-primary);background:var(--accent-glow)}.found-subscription-item.existing{opacity:.6;cursor:default}.found-sub-checkbox{flex-shrink:0}.checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all var(--transition-fast)}.checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.existing-badge{font-size:10px;color:var(--text-tertiary);background:var(--bg-elevated);padding:4px 8px;border-radius:var(--radius-sm)}.found-sub-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.found-sub-details{flex:1;min-width:0}.found-sub-name{font-weight:500;display:block;margin-bottom:2px}.found-sub-info{font-size:12px;color:var(--text-secondary)}.email-scan-prompt{margin-bottom:20px}.email-scan-btn{width:100%;display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border:1px dashed var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;text-align:left;transition:all var(--transition-fast)}.email-scan-btn:hover{background:linear-gradient(135deg,#2563eb26,#2563eb1a);transform:translateY(-2px)}.email-scan-btn.premium-locked{border-color:var(--border-color);background:var(--bg-tertiary)}.email-scan-btn.premium-locked:hover{border-color:var(--accent-primary)}.email-scan-icon{font-size:28px;flex-shrink:0}.email-scan-text{flex:1;display:flex;flex-direction:column;gap:2px}.email-scan-title{font-weight:500;color:var(--text-primary);font-size:14px}.email-scan-subtitle{font-size:12px;color:var(--text-secondary)}.premium-badge-small{font-size:11px;color:var(--accent-primary);background:var(--accent-glow);padding:4px 8px;border-radius:var(--radius-sm);font-weight:500}.form-divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--text-tertiary);font-size:12px}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.upgrade-modal{max-width:480px}.premium-badge{color:var(--accent-primary);margin-right:8px}.upgrade-subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:24px;text-align:center}.upgrade-features{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.upgrade-feature{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md)}.upgrade-feature-icon{font-size:20px;width:36px;height:36px;background:var(--accent-glow);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.upgrade-feature-content h4{font-size:14px;font-weight:500;margin-bottom:2px}.upgrade-feature-content p{font-size:12px;color:var(--text-secondary);margin:0}.upgrade-pricing{display:flex;gap:12px;margin-bottom:24px}.pricing-option{flex:1;padding:16px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);text-align:center;position:relative}.pricing-option.recommended{border-color:var(--accent-primary);background:var(--accent-glow)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.pricing-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.pricing-amount{display:block;font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--text-primary)}.pricing-amount span{font-size:14px;font-weight:400;color:var(--text-secondary)}.pricing-billed{display:block;font-size:11px;color:var(--text-tertiary);margin-top:4px}.btn-premium{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;font-family:inherit;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast)}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2563eb4d}.btn-premium.btn-disabled{background:linear-gradient(135deg,#6b7280,#9ca3af);cursor:not-allowed;opacity:.7}.btn-premium.btn-disabled:hover{transform:none;box-shadow:none}.wip-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-md);margin-bottom:20px;color:#f59e0b}.wip-banner-content{display:flex;flex-direction:column;gap:2px}.wip-banner-content strong{font-size:13px;font-weight:600;color:#f59e0b}.wip-banner-content span{font-size:12px;color:var(--text-secondary)}.upgrade-pricing.disabled{position:relative;opacity:.6}.pricing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:var(--radius-md);z-index:1}.pricing-overlay span{background:var(--bg-secondary);padding:8px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px;color:var(--text-primary);border:1px solid var(--border-color)}.wip-info-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wip-info-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wip-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--accent-primary)}.wip-info-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.wip-info-body{margin-bottom:20px}.wip-info-body>p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px}.wip-features-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}.wip-features-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary);padding:8px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.wip-features-list li svg{color:var(--success-color, #10b981);flex-shrink:0}.wip-info-note{font-size:12px!important;color:var(--text-tertiary)!important;text-align:center;font-style:italic;margin-bottom:0!important}.wip-info-modal .btn-primary{width:100%}.chat-container.disabled{position:relative;opacity:.5;pointer-events:none}.chat-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#00000080;border-radius:var(--radius-md);z-index:10;color:var(--text-primary)}.chat-overlay span{font-weight:600;font-size:16px}.chat-overlay svg{color:var(--accent-primary)}.quick-prompts.disabled{opacity:.6}.quick-prompts.disabled .quick-prompt{cursor:pointer}.image-upload-area.disabled{position:relative;cursor:pointer;opacity:.7}.image-upload-area.disabled:hover{border-color:var(--border-color);background:var(--bg-tertiary)}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#00000080;border-radius:var(--radius-md);z-index:10;color:var(--text-primary)}.upload-overlay span{font-weight:600;font-size:14px}.upload-overlay svg{color:var(--accent-primary)}.mode-btn{position:relative}.premium-tag{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:9px;font-weight:600;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.insights-preview{margin-top:16px}.insights-preview-intro{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:20px;text-align:center}.insights-preview-cards{display:flex;flex-direction:column;gap:12px}.insight-preview-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);opacity:.7}.insight-preview-icon{width:48px;height:48px;background:var(--accent-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-primary)}.insight-preview-content h4{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.insight-preview-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:span 1}}@media (max-width: 768px){.sidebar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:900;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;height:56px}.mobile-header .logo{display:flex;align-items:center;gap:8px}.mobile-header .logo-text{font-size:18px}.mobile-account-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-account-btn img{width:100%;height:100%;object-fit:cover}.mobile-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:900;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-tertiary);font-size:10px;font-family:inherit;cursor:pointer;padding:6px 12px;border-radius:var(--radius-md);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-nav-item.active,.mobile-nav-item.add-btn{color:var(--accent-primary)}.mobile-nav-item.add-btn .icon{background:var(--accent-primary);color:var(--bg-primary);border-radius:50%;padding:4px;width:28px;height:28px}.mobile-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:899;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));animation:fadeIn .15s ease}.mobile-add-menu{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:8px;width:calc(100% - 32px);max-width:320px;animation:slideUp .2s ease}.mobile-add-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;font-family:inherit;cursor:pointer;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-add-option:hover,.mobile-add-option:active{background:var(--bg-tertiary)}.mobile-add-option .icon{color:var(--accent-primary)}.main-content{margin-left:0;padding:72px 16px 88px}.dashboard-header h1{font-size:24px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{padding:16px}.metric-value{font-size:22px}.metric-subtext{font-size:11px}.subscriptions-grid{grid-template-columns:1fr}.subscription-card{padding:16px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-btn{padding:10px 8px}.subscription-row{gap:10px;padding:10px 12px}.row-date{display:none}.row-actions{opacity:1}.subscription-item{gap:10px;padding:12px}.sub-actions{opacity:1}.sub-icon{width:36px;height:36px}.subscriptions-header h1{font-size:24px}.modal-overlay{padding:0}.modal{max-width:100%;max-height:100%;border-radius:0;height:100%;display:flex;flex-direction:column}.modal-header{padding:16px;flex-shrink:0}.modal-body{flex:1;max-height:none;padding:16px;overflow-y:auto}.form-row{grid-template-columns:1fr}.form-actions{padding-bottom:env(safe-area-inset-bottom,0px)}.feature-modal-overlay{padding:0}.feature-modal,.info-modal{max-width:100%;max-height:100%;border-radius:0;height:100%}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:20px}.main-content{padding:68px 12px 84px}.row-cost{min-width:auto;font-size:13px}.row-info{flex-direction:column;gap:2px}.subscription-card .card-header{flex-wrap:wrap;gap:10px}.auth-page-card{padding:24px}.hero-title{font-size:28px}.section-header h2,.cta-content h2{font-size:26px}.section-header p{font-size:14px}}.delete-account-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.btn-delete-account{width:100%;padding:12px 16px;background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-delete-account:hover{background:#ef44441a;border-color:#ef444480}.btn.btn-danger{background:#dc2626;color:#fff;border:none}.btn.btn-danger:hover{background:#b91c1c}.btn.btn-danger:disabled{background:#7f1d1d;cursor:not-allowed}.delete-warning-box,.delete-confirm-box,.delete-success-box{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:20px;text-align:center}.delete-warning-box{border:1px solid rgba(245,158,11,.3)}.delete-confirm-box{border:1px solid rgba(239,68,68,.3)}.delete-success-box{border:1px solid rgba(34,197,94,.3)}.delete-warning-icon,.delete-success-icon{font-size:32px;margin-bottom:12px}.delete-warning-box h4,.delete-confirm-box h4,.delete-success-box h4{font-size:16px;font-weight:600;margin-bottom:12px}.delete-warning-box p,.delete-confirm-box p,.delete-success-box p{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.delete-warning-box ul{text-align:left;margin:12px 0;padding-left:24px;color:var(--text-secondary);font-size:14px}.delete-warning-box li{margin:4px 0}.delete-warning-note{color:var(--warning)!important;font-weight:500}.delete-expiry-note{color:var(--text-tertiary)!important;font-size:13px!important}.delete-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);padding:10px;color:var(--error);font-size:13px;margin:12px 0}.delete-actions{display:flex;gap:12px;margin-top:16px}.delete-actions .btn{flex:1}.dev-url-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-sm);padding:12px;margin-top:16px;font-size:13px}.dev-url-box a{color:#60a5fa;word-break:break-all}.deletion-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.deletion-container{max-width:480px;width:100%}.deletion-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.deletion-logo .logo-icon{color:var(--accent-primary)}.deletion-logo .logo-text{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--text-primary)}.deletion-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;text-align:center}.deletion-icon{font-size:48px;margin-bottom:20px}.deletion-icon.loading{animation:pulse 1.5s ease-in-out infinite}.deletion-icon.success{background:var(--success);color:#fff;width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px}.deletion-icon.error{background:var(--error);color:#fff;width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px}.deletion-icon.warning{color:var(--warning)}.deletion-content h2{font-size:24px;font-weight:600;margin-bottom:16px}.deletion-content p{color:var(--text-secondary);margin-bottom:12px}.deletion-email{font-weight:600;color:var(--text-primary)!important;font-size:16px}.deletion-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:16px;margin:24px 0;color:var(--error);font-size:14px}.deletion-actions{display:flex;gap:12px;margin-top:24px}.deletion-actions .btn{flex:1;padding:14px 24px}.deletion-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.theme-toggle{display:flex;gap:8px;background:var(--bg-tertiary);padding:4px;border-radius:var(--radius-md)}.theme-option{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{color:var(--text-primary);background:var(--bg-elevated)}.theme-option.active{background:var(--accent-primary);color:var(--bg-primary)}.theme-icon{font-size:16px}body,.modal,.modal-overlay,.sidebar,.main-content,.metric-card,.section-card,.subscription-card,.chart-card{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.early-access-notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;max-width:600px;width:calc(100% - 48px);animation:slideUpNotice .4s ease}.notice-content{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.notice-content>.icon{flex-shrink:0;color:var(--accent-primary)}.notice-content p{flex:1;font-size:13px;line-height:1.5;color:var(--text-secondary)}.notice-content p strong{color:var(--text-primary)}.notice-close{flex-shrink:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.notice-close:hover{color:var(--text-primary)}@keyframes slideUpNotice{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,var(--bg-secondary) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.btn-signin{padding:10px 24px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-signin:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto;padding:120px 24px 80px}.hero-content{flex:1;max-width:560px}.hero-title{font-family:Fraunces,serif;font-size:56px;font-weight:600;line-height:1.1;margin-bottom:24px}.text-accent{color:var(--accent-primary)}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.hero-ctas{display:flex;gap:16px}.btn-lg{padding:16px 32px;font-size:16px}.hero-image{flex:1;max-width:550px}.hero-image .screenshot{width:100%;border-radius:var(--radius-xl);box-shadow:0 25px 80px #00000080}.placeholder-image{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-tertiary);padding:80px 40px}.placeholder-image.large{padding:120px 60px}.placeholder-image span{font-size:14px}.landing-features{padding:100px 24px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:Fraunces,serif;font-size:40px;font-weight:600;margin-bottom:16px}.section-header p{font-size:18px;color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:60px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 24px;transition:all var(--transition-fast)}.feature-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;background:var(--accent-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.features-showcase{display:flex;justify-content:center}.features-showcase .placeholder-image{width:100%;max-width:800px}.analytics-showcase{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:48px;padding:0 24px}.analytics-image{flex:1.2;opacity:0;transform:translate(-40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.analytics-showcase.visible .analytics-image{opacity:1;transform:translate(0)}.analytics-info{flex:.8;opacity:0;transform:translate(40px);transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:.2s}.analytics-showcase.visible .analytics-info{opacity:1;transform:translate(0)}.analytics-info h3{font-family:Fraunces,serif;font-size:28px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.analytics-info>p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:24px}.analytics-highlights{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.analytics-highlights li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.analytics-highlights li svg{color:var(--success);flex-shrink:0}@media (max-width: 900px){.analytics-showcase{flex-direction:column;gap:32px}.analytics-image,.analytics-info{transform:translateY(30px)}.analytics-showcase.visible .analytics-image,.analytics-showcase.visible .analytics-info{transform:translateY(0)}.analytics-info h3{font-size:24px;text-align:center}.analytics-info>p{text-align:center}.analytics-info .btn{width:100%}}.screenshot{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.screenshot:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}.screenshot.large{max-width:900px}.features-gallery{max-width:1200px;margin:80px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0 24px}.gallery-item{text-align:center}.gallery-item .screenshot{margin-bottom:20px;aspect-ratio:16 / 10;object-fit:cover}.gallery-item h4{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.gallery-item p{font-size:14px;color:var(--text-secondary);line-height:1.5}@media (max-width: 900px){.features-gallery{grid-template-columns:1fr;max-width:500px}}.screenshot.clickable{cursor:pointer}.screenshot.clickable:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 80px #2563eb33}.gallery-item{cursor:pointer}.gallery-item:hover h4{color:var(--accent-primary);transition:color var(--transition-fast)}.hero-image{cursor:pointer}.feature-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.feature-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:1100px;width:100%;max-height:90vh;overflow:hidden;position:relative;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-modal-close{position:absolute;top:16px;right:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);z-index:10}.feature-modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.feature-modal-content{display:flex;gap:0;height:100%}.feature-modal-image{flex:1.2;background:var(--bg-primary);padding:32px;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-modal-image img{width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:imageFlowIn .6s cubic-bezier(.16,1,.3,1);animation-delay:.1s;animation-fill-mode:backwards}@keyframes imageFlowIn{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.feature-modal-info{flex:.8;padding:48px 40px;overflow-y:auto;max-height:90vh;animation:infoSlideIn .5s cubic-bezier(.16,1,.3,1);animation-delay:.2s;animation-fill-mode:backwards}@keyframes infoSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.feature-modal.vertical-layout{max-width:800px}.feature-modal.vertical-layout .feature-modal-content{flex-direction:column}.feature-modal.vertical-layout .feature-modal-image{flex:none;max-height:50vh;padding:24px 24px 16px}.feature-modal.vertical-layout .feature-modal-image img{max-height:45vh;animation-name:imageFlowDown}@keyframes imageFlowDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-modal.vertical-layout .feature-modal-info{flex:none;padding:24px 32px 32px;max-height:40vh;animation-name:infoSlideUp}@keyframes infoSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-modal-info h2{font-family:Fraunces,serif;font-size:28px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.feature-modal-description{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:32px}.feature-modal-highlights h4{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary);margin-bottom:16px}.feature-modal-highlights ul{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.feature-modal-highlights li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.feature-modal-highlights li svg{color:var(--success);flex-shrink:0}.feature-modal-info .btn{width:100%}@media (max-width: 900px){.feature-modal-content{flex-direction:column}.feature-modal-image{padding:24px;max-height:40vh}.feature-modal-image img{max-height:35vh}.feature-modal-info{padding:24px;max-height:50vh}.feature-modal-info h2{font-size:24px}}.landing-proscons{padding:100px 24px;background:var(--bg-secondary)}.landing-proscons .section-header{max-width:1200px;margin:0 auto 60px}.proscons-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px}.pros-card,.cons-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.pros-card h3,.cons-card h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:24px}.pros-card h3{color:#4ade80}.cons-card h3{color:var(--text-secondary)}.pros-card ul,.cons-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.pros-card li,.cons-card li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-secondary)}.pros-card li svg{color:#4ade80;flex-shrink:0;margin-top:2px}.cons-card li svg{color:var(--text-tertiary);flex-shrink:0;margin-top:2px}.landing-cta{padding:100px 24px;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-family:Fraunces,serif;font-size:40px;font-weight:600;margin-bottom:16px}.cta-content p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 24px 24px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:60px;padding-bottom:40px;border-bottom:1px solid var(--border-color)}.footer-brand p{color:var(--text-secondary);font-size:14px;margin-top:12px}.footer-links{display:flex;gap:60px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{font-size:14px;font-weight:600;margin-bottom:4px}.footer-column a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color var(--transition-fast)}.footer-column a:hover,.footer-link-btn:hover{color:var(--accent-primary)}.footer-link-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;font-family:inherit;cursor:pointer;padding:0;text-align:left;transition:color var(--transition-fast)}.info-modal{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:560px;width:100%;max-height:80vh;overflow-y:auto;animation:modalFadeIn .3s ease}.info-modal-body{padding:40px 36px}.info-modal-body h2{font-family:Fraunces,serif;font-size:26px;font-weight:600;margin-bottom:20px}.info-modal-body h4{font-size:15px;font-weight:600;margin-top:20px;margin-bottom:8px}.info-modal-body p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:12px}.info-modal-body em{color:var(--text-primary);font-style:italic}.info-modal-updated{font-size:12px!important;color:var(--text-tertiary)!important;margin-bottom:20px!important}.contact-email{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:20px 0}.contact-email .icon{color:var(--accent-primary);flex-shrink:0}.contact-email a{color:var(--accent-primary);text-decoration:none;font-size:15px;font-weight:500}.contact-email a:hover{text-decoration:underline}.contact-note{font-size:13px!important;color:var(--text-tertiary)!important}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;text-align:center}.footer-bottom p{color:var(--text-tertiary);font-size:13px}.scroll-indicator{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:100;opacity:0;transition:opacity .4s ease;pointer-events:none}.scroll-indicator.visible{opacity:1}.scroll-indicator svg{color:var(--text-secondary);animation:bounceDown 2s ease infinite}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.auth-page-header{padding:16px 24px;border-bottom:1px solid var(--border-color)}.auth-page-header .logo{display:inline-flex;text-decoration:none;color:inherit}.auth-page-content{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-page-card{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px}.auth-page-card h1{font-family:Fraunces,serif;font-size:28px;font-weight:600;margin-bottom:8px;text-align:center}.auth-page-card .auth-subtitle{text-align:center;margin-bottom:32px}.auth-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;text-decoration:none;margin-top:24px;transition:color var(--transition-fast)}.auth-back-link:hover{color:var(--accent-primary)}.landing-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px;animation:modalFadeIn .3s ease}.landing-settings-module{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:420px;width:100%;padding:32px;position:relative;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.landing-settings-close{position:absolute;top:16px;right:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.landing-settings-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.landing-settings-header{text-align:center;margin-bottom:28px}.landing-settings-header .logo-icon{margin-bottom:12px}.landing-settings-header h2{font-family:Fraunces,serif;font-size:24px;font-weight:600;margin-bottom:6px}.landing-settings-header p{font-size:14px;color:var(--text-secondary)}.landing-settings-body{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.landing-settings-section{display:flex;flex-direction:column;gap:10px}.landing-settings-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.landing-settings-info{display:flex;gap:12px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.landing-settings-info>.icon{flex-shrink:0;color:var(--accent-primary);margin-top:2px}.landing-settings-info strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.landing-settings-info p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.landing-settings-continue{width:100%;padding:14px;font-size:15px}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:44px}}@media (max-width: 768px){.landing-hero{flex-direction:column;text-align:center;padding-top:80px;min-height:auto;padding-bottom:40px}.hero-content{max-width:100%}.hero-ctas{justify-content:center;flex-wrap:wrap}.hero-image{max-width:100%}.hero-title{font-size:36px}.hero-subtitle{font-size:16px;margin-bottom:24px}.btn-lg{padding:12px 24px;font-size:15px}.landing-features{padding:60px 16px}.section-header{margin-bottom:32px}.section-header h2{font-size:32px}.section-header p{font-size:15px}.features-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.feature-card{padding:24px 20px}.analytics-showcase{gap:24px;padding:0 16px}.features-gallery{grid-template-columns:1fr;margin-top:40px;gap:24px;padding:0 16px}.gallery-item .screenshot{max-width:300px;margin:0 auto 12px}.landing-proscons{padding:60px 16px}.proscons-grid{grid-template-columns:1fr;gap:16px}.pros-card,.cons-card{padding:24px}.landing-cta{padding:60px 16px}.cta-content h2{font-size:32px}.cta-content p{font-size:16px;margin-bottom:24px}.landing-footer{padding:40px 16px 16px}.footer-content{flex-direction:column;gap:24px}.footer-links{flex-wrap:wrap;gap:32px}.info-modal-body{padding:24px 20px}.feature-modal-info,.landing-settings-overlay{padding:16px}.landing-settings-module{padding:24px}.landing-settings-header h2{font-size:22px}}