:root,[data-theme=dark]{--bg-base: #0d1117;--bg-surface: #161b22;--bg-elevated: #1c2128;--bg-overlay: #21262d;--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--accent: #00D4FF;--accent-dim: rgba(0,212,255,.15);--accent-glow: rgba(0,212,255,.08);--accent-dark: #0099BB;--accent-border: rgba(0,212,255,.25);--green: #3fb950;--green-dim: rgba(63,185,80,.15);--amber: #d29922;--amber-dim: rgba(210,153,34,.15);--red: #f85149;--red-dim: rgba(248,81,73,.15);--purple: #a371f7;--purple-dim: rgba(163,113,247,.15);--text-primary: #f0f6fc;--text-secondary: #9eaab6;--text-muted: #6e7681;--text-accent: #00D4FF;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--glow-accent: 0 0 20px rgba(0,212,255,.15);color-scheme:dark}[data-theme=light]{--bg-base: #f6f8fa;--bg-surface: #ffffff;--bg-elevated: #f0f2f5;--bg-overlay: #e8eaed;--border: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.18);--accent: #0097b8;--accent-dim: rgba(0,151,184,.1);--accent-glow: rgba(0,151,184,.06);--accent-dark: #007a96;--accent-border: rgba(0,151,184,.3);--green: #1a7f37;--green-dim: rgba(26,127,55,.1);--amber: #9a6700;--amber-dim: rgba(154,103,0,.1);--red: #cf222e;--red-dim: rgba(207,34,46,.1);--purple: #8250df;--purple-dim: rgba(130,80,223,.1);--text-primary: #1f2328;--text-secondary: #59636e;--text-muted: #656d76;--text-accent: #0097b8;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--glow-accent: 0 0 20px rgba(0,151,184,.1);color-scheme:light}:root{--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .2s,color .2s}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-body)}input,select,textarea{font-family:var(--font-body);font-size:14px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:8px;border:3px solid transparent;background-clip:padding-box;min-height:36px}::-webkit-scrollbar-thumb:hover{background:#ffffff80;background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:#fff9;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}[data-theme=light]{scrollbar-color:rgba(0,0,0,.32) transparent}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000004d;background-clip:padding-box}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000080;background-clip:padding-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary-landing{transition:transform .2s ease,box-shadow .2s ease!important}.btn-primary-landing:hover{transform:translateY(-2px)!important;box-shadow:0 6px 28px #00d4ff73,0 0 40px #00d4ff26!important}.btn-primary-landing:active{transform:translateY(0)!important}.btn-outline-landing{transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}.btn-outline-landing:hover{border-color:#00d4ff59!important;background:#00d4ff0f!important;transform:translateY(-2px)!important;box-shadow:0 4px 20px #00d4ff14!important}.btn-outline-landing:active{transform:translateY(0)!important}.landing-card{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease!important}.landing-card:hover{border-color:#00d4ff33!important;box-shadow:0 0 30px #00d4ff0f,0 8px 24px #00000026!important;transform:translateY(-2px)!important}.landing-nav a[href="/login"]:hover{color:var(--text-primary)!important}.landing-nav a[href="/signup"]:hover{opacity:.88!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,to{opacity:.75;margin-top:0}50%{opacity:1;margin-top:-6px}}.hero-float-badge{animation:heroFloat 3.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-carousel:hover{animation-play-state:paused!important}@media (max-width: 768px){.logo-carousel{gap:32px!important;animation-duration:25s!important}.logo-carousel>div{gap:32px!important}.logo-carousel img{max-width:90px!important}}.animate-in{animation:fadeIn .2s ease-out}@keyframes landingFadeInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes landingFadeInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.landing-feature-tab:hover{background:#ffffff0a!important;color:var(--text-primary)!important}.landing-nav-links a:hover{color:var(--text-primary)!important}.landing-pillar-line{opacity:.6}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.forecast-card,[class*=Card]{transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-dim)!important}button:active:not(:disabled){transform:scale(.98)}.scenario-tabs button{transition:all .15s ease!important}.forecast-sidebar>div{transition:background .15s ease}input[type=range]{height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-overlay);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:0 1px 4px #0000004d;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}table tbody tr{transition:background .1s ease}table tbody tr:hover{background:var(--accent-glow)}body.mc-open [data-feedback-widget]{right:auto!important;left:calc(var(--app-sidebar-w, 64px) + 20px)!important}@media (max-width: 768px){body.mc-open [data-feedback-widget]{display:none!important}}.scorecard-rotate-hint{display:none}@media (max-width: 768px) and (orientation: portrait){.scorecard-grid-wrap>*:not(.scorecard-rotate-hint){display:none!important}.scorecard-rotate-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:240px;padding:36px 24px;text-align:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}}.kpi-card{transition:border-color .2s ease,box-shadow .2s ease}.kpi-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.recharts-tooltip-wrapper{transition:transform .1s ease!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{border-color:var(--border-strong)}[data-theme=light] input[type=range]{accent-color:var(--accent)}@media (max-width: 768px){html{font-size:13px}.app-sidebar{width:260px!important;min-width:260px!important;position:fixed!important;z-index:100!important;height:100vh!important;top:0!important;left:-280px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;transition:left .32s cubic-bezier(.32,.72,0,1),box-shadow .32s ease!important;box-shadow:none!important}.app-sidebar.open{left:0!important;box-shadow:4px 0 32px #00000073!important}.app-sidebar-overlay{display:block!important;opacity:0;transition:opacity .32s ease!important;pointer-events:none}.app-sidebar.open~.app-sidebar-overlay,.app-sidebar-overlay.visible{opacity:1;pointer-events:auto}.mobile-menu-btn{display:flex!important}.mobile-menu-btn:active{opacity:1!important;width:24px!important}.mobile-sidebar-toggle{display:flex!important}.forecast-sidebar{display:flex!important;position:fixed!important;z-index:90!important;left:-300px!important;top:0!important;bottom:0!important;width:280px!important;min-width:280px!important;background:var(--bg-surface)!important;border-right:1px solid var(--border)!important;transition:left .32s cubic-bezier(.32,.72,0,1),box-shadow .32s ease!important;box-shadow:none!important}.forecast-sidebar.open{left:0!important;box-shadow:4px 0 32px #00000073!important}.forecast-sidebar-overlay{display:block!important;opacity:0;transition:opacity .32s ease!important;pointer-events:none}.forecast-sidebar-overlay.visible{opacity:1;pointer-events:auto}.sidebar-collapse-btn{display:none!important}.grid-6,.grid-5,.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.grid-3,.grid-2,.grid-2-1,.grid-auto{grid-template-columns:1fr!important;gap:10px!important}.tab-content{padding:12px 10px!important}.scenario-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}.scenario-tabs::-webkit-scrollbar{display:none}.scenario-tabs .tab-label{display:none!important}.table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}table{font-size:10px!important}table th,table td{padding:5px 6px!important}.kpi-card{padding:10px 12px!important}.kpi-card .kpi-value,.kpi-card>div:nth-child(2){font-size:17px!important}.kpi-card .kpi-label,.kpi-card>div:first-child{font-size:8px!important;letter-spacing:.06em!important}.kpi-card>div:last-child{font-size:10px!important}.forecast-card{padding:14px!important}.client-topbar{padding:8px 12px!important;min-height:auto!important;flex-wrap:wrap!important;gap:6px!important}.client-topbar .mode-toggle{order:10;width:100%}.clients-page{padding:16px 14px!important}.clients-page .clients-header{flex-direction:column!important;gap:12px!important}.clients-page .clients-grid{grid-template-columns:1fr!important;gap:10px!important}.recharts-responsive-container{max-height:180px!important}.mobile-toast-fix{left:16px!important;right:16px!important;bottom:16px!important}input[type=range]::-webkit-slider-thumb{width:20px!important;height:20px!important}input[type=range]{height:6px!important}button{min-height:36px}.mobile-modal-inner{max-width:calc(100vw - 24px)!important;max-height:85vh!important;margin:auto 12px!important}.desktop-only{display:none!important}.mobile-collapsible-header{cursor:pointer;-webkit-tap-highlight-color:transparent}.showcase-sidebar{display:none!important}.showcase-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.showcase-charts-grid{grid-template-columns:1fr!important}.showcase-kpi{padding:8px 10px!important}.showcase-kpi div:nth-child(2){font-size:15px!important}.landing-feature-content{grid-template-columns:1fr!important;gap:28px!important}.landing-feature-content>div{max-width:100%!important;overflow:hidden!important;min-width:0!important}.landing-nav-links,.landing-pillar-line{display:none!important}.landing-feature-content table{font-size:8px!important}.landing-feature-content table td,.landing-feature-content table th{padding:4px!important}.retention-controls{width:100%!important;justify-content:flex-start!important}.client-topbar{padding-left:10px!important;padding-right:10px!important;gap:6px!important}.forecast-subbar .scenario-tabs{order:1;flex-basis:100%;flex-wrap:wrap}.cmo-header-actions{width:100%!important;justify-content:flex-start!important}.cmo-composer{padding:10px!important;gap:6px!important}.cmo-composer>input[type=text],.cmo-composer>input:not([type]){min-width:0!important}.cmo-composer>button{flex-shrink:0!important}.corr-meta-row .corr-meta-conf{flex-basis:100%;margin-top:6px}[data-feedback-widget]{right:auto!important;left:14px!important;bottom:14px!important}.scorecard-grid-wrap>.scorecard-grid{min-height:240px}.scorecard-toolbar{padding:10px 12px!important}.scorecard-grid table{font-size:10px!important}.scorecard-grid th,.scorecard-grid td{padding:4px 6px!important;min-width:70px!important}.scorecard-grid .metric-name-col{min-width:140px!important;width:140px!important}.team-page{padding:16px 14px!important}.team-page .page-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.member-row{flex-wrap:wrap!important;gap:8px!important;padding:12px 0!important}.member-row .member-info{flex:1 1 100%!important;min-width:0!important}.member-row .member-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important;width:100%!important;margin-top:4px!important}.role-grid{grid-template-columns:1fr!important}.settings-page{padding:16px 14px!important}.settings-page .page-header{flex-direction:column!important;gap:12px!important;align-items:flex-start!important}.page-container{padding:16px 14px!important}.page-container .page-header{flex-direction:column!important;gap:10px!important;align-items:flex-start!important}}@media (max-width: 480px){html{font-size:12px}.grid-6{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.grid-5,.grid-4{grid-template-columns:1fr!important;gap:8px!important}.hero-badges-container{transform:scale(.8)}.hero-float-badge{font-size:8px!important;padding:3px 7px!important}.kpi-card{padding:8px 10px!important}.kpi-card>div:nth-child(2){font-size:15px!important}.forecast-card{padding:12px!important}}@media (min-width: 769px){.landing-nav{height:64px!important;padding:0 24px!important}.landing-nav a[href="/login"],.landing-nav a[href="/signup"]{padding:8px 20px!important;font-size:13px!important}}@media (pointer: coarse){input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]{height:6px}}