:root{--bg-page: #f4f7fb;--bg-shell: #f8fafc;--bg-panel: rgba(255, 255, 255, .88);--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--line-soft: rgba(148, 163, 184, .22);--accent: #1d4ed8;--accent-strong: #1e40af;--accent-soft: rgba(37, 99, 235, .14);--success-soft: rgba(16, 185, 129, .16);--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);--shadow-md: 0 18px 44px rgba(15, 23, 42, .08);--shadow-focus: 0 0 0 3px rgba(29, 78, 216, .24)}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}html{text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}body{margin:0;color:var(--text-primary);background:radial-gradient(1200px 520px at -8% -20%,rgba(59,130,246,.14),transparent 55%),radial-gradient(980px 440px at 106% -15%,rgba(16,185,129,.12),transparent 62%),linear-gradient(180deg,#f7fafc,#eef3f9)}[data-theme=dark]{--bg-page: #020617;--bg-shell: #0b1220;--bg-panel: rgba(15, 23, 42, .88);--bg-card: #0f172a;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--line-soft: rgba(148, 163, 184, .24);--accent: #60a5fa;--accent-strong: #3b82f6;--accent-soft: rgba(59, 130, 246, .18);--shadow-xs: 0 1px 2px rgba(2, 6, 23, .7);--shadow-sm: 0 10px 28px rgba(2, 6, 23, .6);--shadow-md: 0 18px 44px rgba(2, 6, 23, .7);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .3)}[data-theme=dark] body{color:var(--text-primary);background:radial-gradient(1100px 500px at -8% -20%,rgba(59,130,246,.2),transparent 56%),radial-gradient(980px 460px at 104% -15%,rgba(20,184,166,.16),transparent 62%),linear-gradient(180deg,#030712,#0b1220)}a{color:inherit}button,input,select,textarea{font:inherit}input::placeholder,textarea::placeholder{color:#9ca3af}button,[role=button],input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background-color .18s ease,color .18s ease}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button:active{transform:translateY(.5px) scale(.995)}.surface-panel{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.surface-card{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}[data-theme=dark] .surface-panel,[data-theme=dark] .surface-card{color:var(--text-primary)}[data-theme=dark] .bg-white{background-color:#0f172a!important}[data-theme=dark] .bg-slate-50,[data-theme=dark] .bg-slate-50\/50,[data-theme=dark] .bg-slate-50\/60,[data-theme=dark] .bg-slate-50\/70,[data-theme=dark] .bg-slate-50\/80{background-color:#111827!important}[data-theme=dark] .bg-slate-100,[data-theme=dark] .bg-slate-100\/80{background-color:#1f2937!important}[data-theme=dark] .bg-blue-50,[data-theme=dark] .bg-indigo-50,[data-theme=dark] .bg-purple-50,[data-theme=dark] .bg-emerald-50,[data-theme=dark] .bg-orange-50{background-color:#0b1220!important}[data-theme=dark] .border-slate-50,[data-theme=dark] .border-slate-100,[data-theme=dark] .border-slate-200{border-color:#94a3b842!important}[data-theme=dark] .text-slate-900,[data-theme=dark] .text-slate-800,[data-theme=dark] .text-slate-700{color:#e2e8f0!important}[data-theme=dark] .text-slate-600,[data-theme=dark] .text-slate-500{color:#cbd5e1!important}[data-theme=dark] .text-slate-400{color:#94a3b8!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#e2e8f0!important;background-color:#0b1220!important;border-color:#94a3b857!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b8!important}[data-theme=dark] .hover\:bg-slate-50:hover,[data-theme=dark] .hover\:bg-slate-100:hover{background-color:#1f2937!important}[data-theme=dark] .shadow-sm,[data-theme=dark] .shadow-xl,[data-theme=dark] .shadow-2xl{box-shadow:0 14px 34px #0206176b!important}.app-shell{background:linear-gradient(180deg,#f4f7fb,#edf2f8)}.app-sidebar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-mobile-header{background:#ffffffe6}[data-theme=dark] .app-shell{background:radial-gradient(1200px 560px at -12% -20%,rgba(30,64,175,.22),transparent 56%),radial-gradient(980px 460px at 104% -15%,rgba(13,148,136,.2),transparent 62%),linear-gradient(180deg,#030712,#0b1220)}[data-theme=dark] .app-mobile-header{background:#020617d1!important;border-color:#94a3b83d!important}[data-theme=dark] .app-mobile-header .text-slate-900{color:#f8fafc!important}[data-theme=dark] .app-mobile-header .text-slate-400{color:#94a3b8!important}[data-theme=dark] .app-mobile-header .border-slate-200{border-color:#94a3b84d!important}[data-theme=dark] .app-mobile-header .bg-white{background-color:#0f172ab8!important}[data-theme=dark] .app-sidebar{background:linear-gradient(180deg,#08132f,#060f26)!important;border-color:#94a3b833!important}.theme-switch{position:relative;width:68px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.38);background:linear-gradient(180deg,#f8fafceb,#e2e8f0e6);box-shadow:inset 0 1px #ffffffbf,0 6px 16px #0f172a29;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;padding:0 4px;gap:2px}.theme-switch-compact{width:60px;height:32px}.theme-switch-login{background:linear-gradient(180deg,#f8fafc33,#94a3b833);border-color:#f8fafc3d;box-shadow:inset 0 1px #ffffff3d,0 6px 16px #0206176b}.theme-switch-thumb{position:absolute;top:3px;left:4px;width:28px;height:26px;border-radius:999px;background:linear-gradient(180deg,#fff,#f1f5f9);box-shadow:0 3px 8px #0f172a38;transition:transform .24s ease}.theme-switch-compact .theme-switch-thumb{width:24px;height:24px}.theme-switch-thumb.is-dark{transform:translate(31px)}.theme-switch-compact .theme-switch-thumb.is-dark{transform:translate(27px)}.theme-switch-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;color:#64748b}.theme-switch-icon.is-active{color:#0f172a}[data-theme=dark] .theme-switch{border-color:#94a3b857;background:linear-gradient(180deg,#0f172acc,#020617d6);box-shadow:inset 0 1px #94a3b82e,0 6px 16px #02061773}[data-theme=dark] .theme-switch-thumb{background:linear-gradient(180deg,#334155,#1e293b);box-shadow:0 3px 8px #02061780}[data-theme=dark] .theme-switch-icon{color:#64748b}[data-theme=dark] .theme-switch-icon.is-active{color:#f1f5f9}.leads-page .leads-toolbar{border-bottom:1px solid rgba(203,213,225,.46)}.leads-page .lead-card{box-shadow:0 10px 28px #0f172a0f}.leads-page .leads-stat-card{min-height:110px}[data-theme=dark] .leads-page .leads-toolbar{background:linear-gradient(180deg,#030712f0,#030712d1)!important;border-bottom-color:#94a3b83d!important}[data-theme=dark] .leads-page .lead-card{background:linear-gradient(180deg,#0f172a,#0b1220)!important;border-color:#2dd4bf6b!important;box-shadow:0 16px 36px #02061770!important}[data-theme=dark] .leads-page .lead-card:hover{border-color:#34d3999e!important}[data-theme=dark] .leads-page .leads-stat-card{background:#0f172a!important;border-color:#94a3b847!important}[data-theme=dark] .leads-page .leads-data-ops{background:#111827!important;border-color:#94a3b842!important}[data-theme=dark] .lead-modal-panel,[data-theme=dark] .lead-drawer-panel{background:#0b1220!important;border:1px solid rgba(148,163,184,.28)}.contracts-page .contract-card{box-shadow:0 10px 28px #0f172a0f}.contracts-page .contract-card-expanded{border-top-width:1px}[data-theme=dark] .contracts-page .contract-card{background:linear-gradient(180deg,#0f172a,#0b1220)!important;border-color:#94a3b842!important;box-shadow:0 16px 36px #02061770!important}[data-theme=dark] .contracts-page .contract-card-expanded{background:#02061780!important;border-top-color:#94a3b838!important}[data-theme=dark] .contract-modal-panel,[data-theme=dark] .collection-modal-panel{background:#0b1220!important;border:1px solid rgba(148,163,184,.28)}.settings-page{padding-top:.25rem}.settings-page .settings-hero h1{letter-spacing:-.02em}.settings-page .settings-top-tabs{border-radius:1.25rem;padding:.45rem}.settings-page .settings-top-tab{border:1px solid transparent}.settings-page .settings-top-tab.is-active{color:#fff!important;border-color:#0f172a14}.settings-page .settings-surface{border-radius:2rem}.settings-page .settings-publish-btn{letter-spacing:.01em}[data-theme=dark] .settings-page .settings-hero h1{color:#f8fafc!important}[data-theme=dark] .settings-page .settings-top-tabs{background:#0f172ad6!important;border-color:#94a3b838!important}[data-theme=dark] .settings-page .settings-top-tab{color:#94a3b8!important}[data-theme=dark] .settings-page .settings-top-tab:hover{background:#1e293ba6!important;color:#e2e8f0!important}[data-theme=dark] .settings-page .settings-top-tab.is-active{border-color:#f8fafc33!important;box-shadow:0 10px 28px #02061770!important}[data-theme=dark] .settings-page .settings-surface{background:#0f172a!important;border-color:#94a3b83d!important}[data-theme=dark] .settings-page .settings-publish-btn{background:linear-gradient(90deg,#1d4ed8,#0f766e)!important;border-color:#fff3!important}.text-gradient-brand{background:linear-gradient(130deg,#1d4ed8,#0f766e 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer-slide 1.4s infinite}@keyframes shimmer-slide{to{transform:translate(100%)}}.no-scrollbar::-webkit-scrollbar{display:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}@media(max-width:768px){body{background:radial-gradient(720px 360px at -20% -20%,rgba(59,130,246,.2),transparent 58%),radial-gradient(620px 300px at 110% -20%,rgba(20,184,166,.16),transparent 64%),#f3f7fb}html,body,#root,.app-root{min-height:100dvh}.app-main{height:calc(100dvh - 58px);padding:.85rem .9rem 7rem;scroll-padding-bottom:7rem;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.app-main-inner{max-width:100%;padding-bottom:calc(env(safe-area-inset-bottom) + .8rem)}.app-mobile-header{padding-left:.9rem;padding-right:.9rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-mobile-logout{min-width:44px;min-height:44px}.app-mobile-nav{padding-left:.6rem;padding-right:.6rem}.app-mobile-nav .surface-panel{padding:.45rem;border-radius:1rem!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px #0f172a24}.app-mobile-nav-btn{min-height:42px;font-size:12px;border-radius:.8rem}.app-mobile-nav-btn svg{width:15px;height:15px}.app-main input,.app-main textarea,.app-main select{font-size:16px}.app-main button,.app-main a,.app-main [role=button]{touch-action:manipulation}.app-main *{-webkit-tap-highlight-color:transparent}.dashboard-page header{margin-bottom:.95rem}.dashboard-notifications{padding:.72rem;border-radius:1rem}.dashboard-notifications-head{align-items:flex-start;gap:.45rem}.dashboard-notifications-readall,.dashboard-notification-action,.dashboard-notification-markread{min-height:30px;padding-inline:.4rem}.dashboard-notification-item{padding:.68rem;border-radius:.85rem}.leads-page .leads-toolbar{margin-bottom:.8rem;padding-bottom:.8rem}.leads-page .leads-top-row{margin-bottom:.9rem;gap:.8rem}.leads-page .leads-top-main{width:100%;gap:.6rem;align-items:center}.leads-page .leads-search-wrap{max-width:none}.leads-page .leads-search-input{min-height:44px;border-radius:1rem;padding-left:2.65rem}.leads-page .leads-toolbar-actions{width:100%;justify-content:flex-end;gap:.45rem}.leads-page .leads-toolbar-actions>button{min-height:42px;border-radius:.9rem}.leads-page .leads-data-ops{top:3.1rem;right:0;width:min(14rem,calc(100vw - 2rem))}.leads-page .leads-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.35rem}.leads-page .leads-stats-grid>:last-child{grid-column:span 2 / span 2}.leads-page .leads-stat-card{min-height:86px;padding:.78rem;border-radius:1rem}.leads-page .lead-card{border-radius:1.15rem}.leads-page .leads-list{gap:.65rem;padding-bottom:7rem}.leads-page .lead-card-title-row{align-items:baseline;gap:.35rem}.leads-page .lead-card-title-row h3{font-size:1.02rem}.leads-page .lead-card-badges{flex-wrap:wrap;gap:.35rem}.leads-page .lead-card-probability-value{font-size:1.8rem}.leads-page .lead-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.leads-page .lead-card-metrics>:last-child{grid-column:span 2 / span 2}.leads-page .lead-card-ai-entry,.leads-page .lead-card-note-input{min-height:42px}.leads-page .lead-card-quick-actions{border-left:none;padding-left:0;justify-content:flex-end}.tasks-page .tasks-header,.discovery-page>header,.marketing-page .marketing-header{margin-bottom:.85rem;gap:.65rem;align-items:flex-start;flex-wrap:wrap}.tasks-page .tasks-filters,.discovery-subtabs,.marketing-page .marketing-tabs{width:100%;overflow-x:auto;white-space:nowrap}.tasks-page .tasks-filters button,.discovery-subtabs button,.marketing-page .marketing-tabs button{min-height:40px;min-width:max-content}.tasks-page .tasks-list,.contracts-page .contracts-list,.discovery-page .discovery-scroll,.marketing-page .marketing-tracking,.marketing-page .marketing-workspace{padding-right:0;padding-bottom:7rem}.tasks-page .tasks-header-actions{width:100%;justify-content:flex-end}.tasks-page .tasks-header-actions>button{min-height:42px}.tasks-page .task-card,.contracts-page .contract-card,.discovery-page .discovery-opportunity-card{padding:.85rem;border-radius:1rem}.contracts-page .contract-card-expanded{padding:.88rem}.contracts-page .contracts-header{margin-bottom:.8rem;gap:.6rem;flex-wrap:wrap;align-items:flex-start}.contracts-page .contracts-create-btn{min-height:42px;border-radius:.9rem;padding-inline:.95rem;font-size:12px}.contracts-page .contract-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-page .discovery-filters{padding:.72rem;border-radius:1rem}.discovery-page .discovery-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.discovery-page .discovery-alert-list{max-height:360px;overflow:auto}.discovery-page .discovery-management-list{gap:.65rem}.discovery-page .discovery-opportunity-card .flex.gap-2{flex-wrap:wrap}.marketing-page .marketing-kpi-grid{gap:.55rem}.marketing-page .marketing-kpi-grid>div{padding:.78rem;border-radius:1rem}.marketing-page .marketing-segment-grid{gap:.65rem}.marketing-page .marketing-strategy-grid{gap:.7rem}.marketing-page .marketing-tabs button{font-size:11px}.lead-modal,.contract-modal,.collection-modal,.task-modal,.task-feedback-modal,.task-smart-modal{align-items:flex-end;padding:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.lead-modal-panel,.contract-modal-panel,.collection-modal-panel,.task-modal-panel,.task-feedback-modal-panel,.task-smart-modal-panel{display:flex;flex-direction:column;width:100%;max-width:none!important;max-height:min(88dvh,88vh);margin:0;border-radius:1.25rem 1.25rem 0 0!important;overscroll-behavior:contain;animation:mobile-sheet-up .22s ease-out}.lead-modal-panel>:last-child,.contract-modal-panel>:last-child,.collection-modal-panel>:last-child,.task-modal-panel>:last-child,.task-feedback-modal-panel>:last-child,.task-smart-modal-panel>:last-child{padding-bottom:calc(env(safe-area-inset-bottom) + .75rem)}.lead-smart-body,.lead-editor-body,.task-modal-body,.task-feedback-body,.task-smart-body,.contract-create-body,.contract-edit-body,.contract-detail-body,.collection-modal-body{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lead-smart-footer,.lead-editor-footer,.task-modal-footer,.task-feedback-footer,.task-smart-footer,.task-detail-footer,.contract-create-footer,.contract-edit-footer,.contract-detail-footer,.collection-modal-footer,.lead-drawer-footer{position:sticky;bottom:0;z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.lead-modal-panel input,.lead-modal-panel textarea,.lead-modal-panel select,.contract-modal-panel input,.contract-modal-panel textarea,.contract-modal-panel select,.collection-modal-panel textarea,.task-modal-panel input,.task-modal-panel textarea,.task-modal-panel select,.task-feedback-modal-panel textarea,.task-smart-modal-panel textarea,.lead-drawer-panel textarea,.task-detail-drawer-panel textarea{scroll-margin-bottom:8rem}.lead-drawer,.task-detail-drawer{align-items:flex-end;justify-content:stretch}.lead-drawer-panel,.task-detail-drawer-panel{display:flex;flex-direction:column;width:100%;max-width:none!important;height:min(84dvh,84vh)!important;border-radius:1.25rem 1.25rem 0 0;overscroll-behavior:contain;animation:mobile-sheet-up .22s ease-out}.leads-page .lead-card,.contracts-page .contract-card,.tasks-page .task-card,.discovery-page .discovery-opportunity-card{content-visibility:auto;contain-intrinsic-size:240px}.leads-page .lead-card,.tasks-page .task-card,.contracts-page .contract-card,.discovery-page .discovery-opportunity-card,.contract-file-name,.lead-editor-body,.task-modal-body,.contract-create-body,.contract-edit-body{word-break:break-word;overflow-wrap:anywhere}}@media(max-width:480px){.app-main{padding:.72rem .62rem 6.7rem}.app-mobile-header h2{font-size:.94rem}.leads-page .leads-top-main h1,.tasks-page h1,.contracts-page h1,.discovery-page h1,.marketing-page h1{font-size:1.3rem!important}.leads-page .leads-toolbar-actions{gap:.35rem}.leads-page .leads-ai-btn{padding-inline:.75rem;font-size:11px}.leads-page .leads-create-btn,.contracts-page .contracts-create-btn{min-width:42px;padding-inline:.75rem}.leads-page .lead-card-head,.leads-page .lead-card-body,.tasks-page .task-card,.contracts-page .contract-card,.discovery-page .discovery-opportunity-card{padding-inline:.72rem}.leads-page .lead-card-probability-value{font-size:1.55rem}.leads-page .lead-card-metrics{grid-template-columns:1fr}.leads-page .lead-card-metrics>:last-child{grid-column:auto}.tasks-page .tasks-header-actions>button,.marketing-page .marketing-tabs button,.discovery-subtabs button,.tasks-page .tasks-filters button{min-height:38px}.lead-modal-panel,.contract-modal-panel,.collection-modal-panel,.task-modal-panel,.task-feedback-modal-panel,.task-smart-modal-panel,.lead-drawer-panel,.task-detail-drawer-panel{max-height:min(90dvh,90vh);border-radius:1rem 1rem 0 0!important}.lead-smart-footer,.lead-editor-footer,.task-modal-footer,.task-feedback-footer,.task-smart-footer,.task-detail-footer,.contract-create-footer,.contract-edit-footer,.contract-detail-footer,.collection-modal-footer,.lead-drawer-footer{gap:.5rem;padding:.75rem}}@keyframes mobile-sheet-up{0%{transform:translateY(24px);opacity:.75}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
