:root{--ui-font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ui-color-bg: #0f172a;--ui-color-surface: #111827;--ui-color-surface-alt: rgba(15, 23, 42, .88);--ui-color-surface-dark: #0b1120;--ui-color-elevated: rgba(17, 24, 39, .78);--ui-color-border: rgba(255, 255, 255, .1);--ui-color-border-strong: rgba(203, 213, 225, .26);--ui-color-text: #f8fafc;--ui-color-text-muted: #cbd5e1;--ui-color-text-soft: #94a3b8;--ui-color-primary: #3b82f6;--ui-color-primary-hover: #2563eb;--ui-color-primary-soft: rgba(59, 130, 246, .14);--ui-color-success: #22c55e;--ui-color-success-soft: rgba(34, 197, 94, .14);--ui-color-warning: #f59e0b;--ui-color-warning-soft: rgba(245, 158, 11, .14);--ui-color-danger: #ef4444;--ui-color-danger-soft: rgba(239, 68, 68, .14);--ui-gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 58%, #1d4ed8 100%);--ui-gradient-app: radial-gradient(circle at top left, rgba(59, 130, 246, .2), transparent 28rem), radial-gradient(circle at 85% 10%, rgba(37, 99, 235, .16), transparent 24rem), linear-gradient(180deg, #0f172a 0%, #111827 100%);--ui-focus-ring: 0 0 0 3px rgba(59, 130, 246, .34);--ui-glass-blur: blur(14px);--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-radius-sm: 8px;--ui-radius-md: 12px;--ui-radius-lg: 16px;--ui-radius-pill: 999px;--ui-shadow-sm: 0 14px 34px rgba(0, 0, 0, .24);--ui-shadow-md: 0 22px 60px rgba(0, 0, 0, .34);--ui-shadow-primary: 0 14px 30px rgba(37, 99, 235, .32)}html,body{margin:0;padding:0;min-height:100%;font-family:var(--ui-font-family);color:var(--ui-color-text);background:var(--ui-gradient-app);background-attachment:fixed}*,*:before,*:after{box-sizing:border-box}.ui-page-shell{max-width:1200px;margin:0 auto}.ui-card{background:var(--ui-color-elevated);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm);-webkit-backdrop-filter:var(--ui-glass-blur);backdrop-filter:var(--ui-glass-blur)}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--ui-color-border-strong);border-radius:var(--ui-radius-sm);background:#0f172ab8;color:var(--ui-color-text);font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.ui-textarea{min-height:96px;resize:vertical}.ui-input:focus-visible,.ui-select:focus-visible,.ui-textarea:focus-visible{outline:2px solid rgba(59,130,246,.55);outline-offset:1px;border-color:var(--ui-color-primary);box-shadow:var(--ui-focus-ring)}.ui-label{font-weight:600;color:var(--ui-color-text)}.ui-helper{color:var(--ui-color-text-soft);font-size:.84rem}.ui-error-text{color:var(--ui-color-danger);font-size:.8rem}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:40px;padding:10px 14px;border-radius:var(--ui-radius-sm);border:1px solid transparent;font:inherit;font-weight:700;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,box-shadow .2s ease,transform .2s ease}.ui-btn:disabled{opacity:.65;cursor:not-allowed}.ui-btn-primary{background:var(--ui-gradient-primary);color:#fff;box-shadow:var(--ui-shadow-primary)}.ui-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#2563eb 52%,#1d4ed8);transform:translateY(-1px);box-shadow:0 18px 36px #2563eb61}.ui-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 20px #2563eb47}.ui-btn-secondary{background:#0f172aad;border-color:var(--ui-color-border-strong);color:var(--ui-color-text)}.ui-btn-secondary:hover:not(:disabled){background:#1e293bdb;transform:translateY(-1px)}.ui-btn-danger{background:#ef444424;border-color:#ef44445c;color:#fecaca}.ui-btn-ghost{background:transparent;border-color:transparent;color:var(--ui-color-text)}.ui-btn-sm{min-height:32px;padding:6px 10px;font-size:.78rem}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--ui-radius-pill);border:1px solid transparent;font-size:.74rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.ui-badge-success{background:#22c55e29;border-color:#22c55e61;color:#bbf7d0}.ui-badge-warning{background:#f59e0b2e;border-color:#f59e0b6b;color:#fde68a}.ui-badge-danger{background:#ef444429;border-color:#ef44446b;color:#fecaca}.ui-badge-neutral{background:#cbd5e124;border-color:#cbd5e13d;color:#e2e8f0}.ui-badge-info{background:#3b82f629;border-color:#93c5fd5c;color:#bfdbfe}.ui-state-message{padding:12px 14px;border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:#111827c7;color:var(--ui-color-text-muted);-webkit-backdrop-filter:var(--ui-glass-blur);backdrop-filter:var(--ui-glass-blur)}.ui-state-message.success{border-color:#22c55e5c;background:var(--ui-color-success-soft);color:#bbf7d0}.ui-state-message.error{border-color:#ef444461;background:var(--ui-color-danger-soft);color:#fecaca}.ui-empty-state{border:1px dashed rgba(147,197,253,.5);border-radius:var(--ui-radius-md);background:var(--ui-color-primary-soft);color:#dbeafe;padding:16px}a{color:#93c5fd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}::placeholder{color:#94a3b8;opacity:1}body .app-main-shell,.login-page,.auth-page,.dashboard-page,.dealer-leads-page,.details-page,.seller-page,.seller-leads-page,.saved-cars-page,.admin-cars-page,.admin-dealers-page{color:var(--ui-color-text)}body .app-main-shell :is(.login-page,.auth-page,.details-page,.dealer-leads-page,.seller-page,.seller-leads-page){background:transparent}body .app-main-shell :is(.login-card,.auth-card,.seller-card,.form-section,.dealer-form,.car-form,.workspace-welcome,.dealer-branding,.onboarding-block,.onboarding-card,.analytics-card,.performance-card,.summary-card,.lead-card,.lead-details-panel,.message-box,.saved-car-card,.gallery-card,.info-card,.description-box,.seller-box,.insights-box,.financing-card,.similar-card,.listing-card,.insight-card,.insights-mobile-card,.state-card,.state-block,.image-upload-card,.uploaded-image-item,.lead-modal){background:var(--ui-color-elevated);border-color:var(--ui-color-border);box-shadow:var(--ui-shadow-sm);-webkit-backdrop-filter:var(--ui-glass-blur);backdrop-filter:var(--ui-glass-blur);color:var(--ui-color-text)}body .app-main-shell :is(h1,h2,h3,h4,.analytics-value,.summary-card strong,.lead-top h3,.lead-summary-grid p,.lead-grid p,.message-box p,.table-title,.listing-content h3,.price,.saved-car-price,.similar-title,.similar-price,.workspace-welcome h2,.workspace-welcome h3,.dealer-branding-header h3,.form-field label,.lead-label,.field-label,.dealer-branding-form strong){color:var(--ui-color-text)!important}body .app-main-shell :is(p,small,.subtitle,.login-subtitle,.field-help,.ui-helper,.page-header p,.dashboard-header p,.analytics-header p,.seller-header p,.admin-header p,.lead-subtitle,.submitted,.meta,.description,.mobile-price,.mobile-metrics span,.saved-car-location,.payment-disclaimer,.label,.insights-group li,.insights-price p,.similar-meta,.pagination-info,.live-meta,.recovery-status,.toolbar-group label){color:var(--ui-color-text-muted)!important}body .app-main-shell :is(input,select,textarea,.form-grid input,.form-grid select,.form-grid textarea,.toolbar-group input,.toolbar-group select,.financing-control input,.financing-control select,.lead-input,.lead-textarea){background-color:#0f172ab8!important;border-color:var(--ui-color-border-strong)!important;color:var(--ui-color-text)!important;box-shadow:none!important}body .app-main-shell :is(input,select,textarea,.form-grid input,.form-grid select,.form-grid textarea,.toolbar-group input,.toolbar-group select,.financing-control input,.financing-control select,.lead-input,.lead-textarea):focus{border-color:var(--ui-color-primary)!important;box-shadow:var(--ui-focus-ring)!important}body .app-main-shell :is(.primary-btn,button.primary-btn,.primary-action,.refresh-btn,.search-btn,.new-leads-btn){background:var(--ui-gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--ui-shadow-primary);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}body .app-main-shell :is(.primary-btn,button.primary-btn,.primary-action,.refresh-btn,.search-btn,.new-leads-btn):hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px #2563eb61}body .app-main-shell :is(.primary-btn,button.primary-btn,.primary-action,.refresh-btn,.search-btn,.new-leads-btn):active:not(:disabled){transform:translateY(0);box-shadow:0 8px 20px #2563eb47}body .app-main-shell :is(.secondary-btn,.secondary-action,.small-control-btn,.details-toggle-btn,.status-btn,.page-btn,.copy-btn,.remove-btn,.neutral-btn,.action-btn.neutral){background:#0f172aad;border-color:var(--ui-color-border-strong);color:var(--ui-color-text);transition:transform .2s ease,background .2s ease,border-color .2s ease}body .app-main-shell :is(.secondary-btn,.secondary-action,.small-control-btn,.details-toggle-btn,.status-btn,.page-btn,.copy-btn,.remove-btn,.neutral-btn,.action-btn.neutral):hover:not(:disabled){background:#1e293be0;border-color:#93c5fd75;transform:translateY(-1px)}body .app-main-shell .ai-generate-btn{width:fit-content!important;min-width:0!important;min-height:42px;padding:10px 16px!important;border-radius:12px!important;font-size:.9rem!important;line-height:1;gap:8px;box-shadow:0 10px 24px #3b82f61f}body .app-main-shell .ai-generate-btn:hover:not(:disabled){box-shadow:0 14px 30px #3b82f633}@media(max-width:640px){body .app-main-shell .ai-generate-btn{width:100%!important;min-height:44px}}body .app-main-shell .dealer-leads-page .realtime-status.connected{background:#22c55e1f;color:#bbf7d0;border-color:#22c55e59}body .app-main-shell .dealer-leads-page .realtime-status.connecting,body .app-main-shell .dealer-leads-page .recovery-status .last-updated-pill{background:#3b82f61f;color:#bfdbfe;border-color:#3b82f659}body .app-main-shell .dealer-leads-page .realtime-status.reconnecting,body .app-main-shell .dealer-leads-page .realtime-status.offline,body .app-main-shell .dealer-leads-page .realtime-status.offline-fallback,body .app-main-shell .dealer-leads-page .recovery-status .polling-fallback-pill{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b59}body .app-main-shell .dealer-leads-page .live-meta span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(148,163,184,.35);color:#e5e7eb}body .app-main-shell .dealer-leads-page .recovery-status span+span{margin-left:8px}body .app-main-shell :is(.error-banner,.state-message.error,.saved-cars-state.error,.similar-state.error,.inline-state.error,.error-card){background:#ef444424;border-color:#ef444461;color:#fecaca}body .app-main-shell :is(.success-banner,.inline-state.success){background:#22c55e24;border-color:#22c55e5c;color:#bbf7d0}body .app-main-shell :is(.status-badge.new,.unread-badge,.reason-chip,.ai-score,.primary-chip,.primary-badge){background:#3b82f629;border-color:#93c5fd5c;color:#bfdbfe}body .app-main-shell :is(.status-badge.published,.status-badge.enabled,.status-badge.closed,.status-chip.closed,.status-chip.published,.boost-status-badge.active,.performance-pill.perf-high,.call-btn,.action-btn.call){background:#22c55e29;border-color:#22c55e57;color:#bbf7d0}body .app-main-shell :is(.status-badge.draft,.status-badge.contacted,.status-chip.contacted,.warning-badge,.boost-chip.boost-active,.performance-pill.perf-medium,.boost-inline-btn,.boost-btn,.action-btn.contacted){background:#f59e0b29;border-color:#f59e0b61;color:#fde68a}body .app-main-shell :is(.status-badge.sold,.status-badge.disabled,.status-chip.sold,.performance-pill.perf-low,.archive-action,.sold-action,.action-btn.closed){background:#ef444424;border-color:#ef444457;color:#fecaca}body .app-main-shell :is(.cars-table,.dealers-table,.insights-table){background:#111827b8;color:var(--ui-color-text)}body .app-main-shell :is(.cars-table th,.cars-table td,.dealers-table th,.dealers-table td,.insights-table th,.insights-table td){border-bottom-color:var(--ui-color-border)}body .app-main-shell :is(.empty-state-card,.compact-empty,.dropzone,.dealer-leads-page .new-leads-banner,.uploaded-image-item,.lead-details-panel,.message-box){background:var(--ui-color-elevated)!important;border-color:var(--ui-color-border)!important;color:var(--ui-color-text-muted)!important;-webkit-backdrop-filter:var(--ui-glass-blur);backdrop-filter:var(--ui-glass-blur)}body .app-main-shell :is(.onboarding-card.completed,.onboarding-card.blocked,.lead-card.new-highlight,.insights-mobile-card.boosted-highlight){background:#111827db!important;border-color:#93c5fd52!important;color:var(--ui-color-text)}body .app-main-shell :is(.dropzone.dragging,.small-control-btn.active-sort){background:#3b82f62e!important;border-color:#93c5fd85!important;color:#dbeafe!important}body .app-main-shell .login-card :is(h1,h2,label),body .app-main-shell .auth-card :is(h1,h2,label),body .app-main-shell .seller-card :is(h1,h2,label),body .app-main-shell .dashboard-page :is(h2,h3,h4,label,strong),body .app-main-shell .dealer-leads-page :is(h2,h3,label,strong),body .app-main-shell .seller-page :is(h1,h2,h3,label,strong),body .app-main-shell .seller-leads-page :is(h1,h2,h3,label,strong),body .app-main-shell .details-page :is(h1,h2,h3,label,strong),body .app-main-shell .admin-cars-page :is(h1,h2,h3,label,strong),body .app-main-shell .admin-dealers-page :is(h1,h2,h3,label,strong){color:var(--ui-color-text)!important}body .app-main-shell .login-card :is(p,small),body .app-main-shell .auth-card :is(p,small),body .app-main-shell .seller-card :is(p,small),body .app-main-shell .dashboard-page :is(p,small,li),body .app-main-shell .dealer-leads-page :is(p,small),body .app-main-shell .seller-page :is(p,small,li),body .app-main-shell .seller-leads-page :is(p,small),body .app-main-shell .details-page :is(p,small,li),body .app-main-shell .admin-cars-page :is(p,small),body .app-main-shell .admin-dealers-page :is(p,small){color:var(--ui-color-text-muted)!important}