:root{--bg-app:#080E1A;--bg-sidebar:#0C1425;--bg-card:#0F1B2D;--bg-card-hover:#142236;--bg-elevated:#1A2744;--bg-input:#0B1322;--bg-table-row-alt:#0B1322;--border-default:#1e293b;--border-subtle:#162032;--border-strong:#334155;--border-interactive:rgba(0,212,255,0.25);--text-primary:#F0F4F8;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-dim:#64748b;--text-on-accent:#0F1B2D;--accent-cyan:#00D4FF;--accent-green:#00E676;--accent-cyan-dim:rgba(0,212,255,0.10);--accent-green-dim:rgba(0,230,118,0.08);--revenue-bg:#065F46;--revenue-text:#00E676;--revenue-fill:#059669;--success-bg:#065F46;--success-text:#00E676;--warning-bg:#78350F;--warning-text:#F59E0B;--warning-fill:#F59E0B;--error-bg:#7F1D1D;--error-text:#EF4444;--error-fill:#EF4444;--info-bg:#0C4A6E;--info-text:#00D4FF;--pending-bg:#1e293b;--ai-badge:#8B5CF6;--manual-badge:#64748b;--stage-lead:#64748b;--stage-contacted:#F59E0B;--stage-qualified:#8B5CF6;--stage-proposal:#0891b2;--stage-negotiation:#00D4FF;--stage-won:#059669;--stage-lost:#EF4444;--shadow-modal:0 4px 24px rgba(0,0,0,0.4);--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--ease-default:cubic-bezier(0.16,1,0.3,1);--bg-page:var(--bg-app);--bg-panel:var(--bg-sidebar);--bg-surface:var(--bg-card);--bg-hover:var(--bg-card-hover);--border:var(--border-default);--text-body:var(--text-secondary);--text-label:var(--text-dim);--text-heading:var(--text-primary);--text-muted:var(--text-tertiary);--text-subtle:var(--text-dim)}[data-theme=light]{--bg-app:#F5F7FA;--bg-sidebar:#FFFFFF;--bg-card:#FFFFFF;--bg-card-hover:#F8FAFC;--bg-elevated:#FFFFFF;--bg-input:#FFFFFF;--bg-table-row-alt:#F8FAFC;--border-default:#E2E8F0;--border-subtle:#F0F4F8;--border-strong:#CBD5E1;--border-interactive:rgba(8,145,178,0.25);--text-primary:#0F1B2D;--text-secondary:#334155;--text-tertiary:#4A5568;--text-dim:#94a3b8;--text-on-accent:#FFFFFF;--accent-cyan:#0891b2;--accent-green:#059669;--accent-cyan-dim:rgba(8,145,178,0.08);--accent-green-dim:rgba(5,150,105,0.08);--revenue-bg:#ecfdf5;--revenue-text:#059669;--revenue-fill:#059669;--success-bg:#ecfdf5;--success-text:#059669;--warning-bg:#fffbeb;--warning-text:#D97706;--warning-fill:#D97706;--error-bg:#fef2f2;--error-text:#dc2626;--error-fill:#dc2626;--info-bg:#eff6ff;--info-text:#0891b2;--pending-bg:#f1f5f9;--shadow-modal:0 8px 24px rgba(0,0,0,0.1);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06);--shadow-lg:0 8px 24px rgba(0,0,0,0.1);--bg-page:var(--bg-app);--bg-panel:var(--bg-sidebar);--bg-surface:var(--bg-card);--bg-hover:var(--bg-card-hover);--border:var(--border-default);--text-body:var(--text-secondary);--text-label:var(--text-dim);--text-heading:var(--text-primary);--text-muted:var(--text-tertiary);--text-subtle:var(--text-dim)}body,html{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-dm-sans,"DM Sans"),system-ui,sans-serif;transition:background var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}::selection{background:#00D4FF;color:#080E1A}:root{--sidebar-width:220px;--content-left:220px;--topbar-height:0px;--drawer-width:260px}@media (max-width:1024px){:root{--sidebar-width:200px;--content-left:200px}}@media (max-width:768px){:root{--sidebar-width:0px;--content-left:0px;--topbar-height:56px}}.sc-mobile-topbar{display:none}.sc-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width,220px);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;z-index:50;overflow-y:auto;transition:width .2s ease}@media (min-width:769px){.sc-sidebar-collapsed{width:48px!important;min-width:48px!important;overflow:hidden!important;cursor:pointer}.sc-sidebar-collapsed:hover{width:var(--sidebar-width,220px)!important;overflow-y:auto!important;box-shadow:4px 0 24px rgba(0,0,0,.3);z-index:100;cursor:default}.sc-sidebar-collapsed:not(:hover)>:not(.sc-collapse-rail){display:none!important}.sc-collapse-rail{display:none}.sc-sidebar-collapsed:not(:hover) .sc-collapse-rail{display:flex!important;flex-direction:column;align-items:center;padding:12px 0;gap:16px;height:100%}}@media (max-width:768px){.sc-collapse-rail,.sc-collapse-toggle{display:none!important}:root{--content-left:0px!important}}@media (min-width:769px){.sc-nav-link-row .sc-pin-btn{opacity:0!important}.sc-nav-link-row:hover .sc-pin-btn{opacity:.6!important}}.sc-drawer-overlay{display:none}@media (max-width:768px){.sc-mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:56px;z-index:60;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-default)}.sc-sidebar{width:var(--drawer-width,260px);transform:translateX(calc(-1 * var(--drawer-width, 260px)));transition:transform var(--duration-slow) var(--ease-default);z-index:70}.sc-sidebar.sc-drawer-open{transform:translateX(0)}.sc-drawer-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}main{margin-left:0!important;padding-top:56px!important}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (max-width:768px){.stack-mobile{flex-direction:column!important;align-items:stretch!important}.full-mobile{width:100%!important;min-width:0!important;flex-shrink:1!important}}.scroll-x-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (min-width:769px){.scroll-x-mobile{overflow-x:visible}}@media (max-width:768px){.sc-page{padding:16px 16px 48px!important}.sc-page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.sc-page h1{font-size:20px!important}.sc-card,.sc-section{border-radius:10px!important;margin-bottom:14px!important}.sc-card-body,.sc-section{padding:16px 18px!important}.sc-card-head{padding:14px 18px!important}}.sc-grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px}@media (max-width:768px){.sc-grid-stats{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.sc-grid-stats{grid-template-columns:1fr}}.sc-grid-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 20px;gap:14px 20px}@media (max-width:768px){.sc-grid-form{grid-template-columns:1fr!important}.sc-grid-form>*{grid-column:1/-1!important}}.sc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:1024px){.sc-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sc-grid-3{grid-template-columns:1fr}}.sc-row{display:flex;gap:12px;align-items:center}@media (max-width:768px){.sc-row{flex-direction:column;align-items:stretch}}.sc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-card)}.sc-table-wrap table{min-width:640px}@media (max-width:768px){.sc-table-wrap{border-radius:10px;margin:0 -2px}}.sc-stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;padding:18px 20px;transition:border-color .15s}.sc-stat-card:hover{border-color:var(--border-strong)}@media (max-width:768px){.sc-stat-card{padding:14px 16px;border-radius:10px}.sc-modal-box{padding:20px!important;border-radius:12px!important;max-height:85vh!important}.sc-btn-row{flex-direction:column!important;gap:8px!important}.sc-btn-row>a,.sc-btn-row>button{width:100%!important;text-align:center!important}}.sc-two-pane{display:flex;gap:0;min-height:calc(100vh - var(--topbar-height, 0px))}.sc-two-pane-list{width:360px;min-width:280px;border-right:1px solid var(--border-default);overflow-y:auto;flex-shrink:0}.sc-two-pane-detail{flex:1 1;overflow-y:auto;min-width:0}@media (max-width:768px){.sc-two-pane{flex-direction:column}.sc-two-pane-list{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--border-default);max-height:40vh}.sc-two-pane-detail{min-height:50vh}}@media (max-width:900px){.sc-conv-sidebar{display:none!important}}@media (max-width:600px){.sc-conv-list{width:100%!important;min-width:0!important;max-height:35vh;border-right:none!important;border-bottom:1px solid var(--border-default)}}@media (max-width:768px){.sc-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.sc-table-scroll table{min-width:640px}.sc-modal{width:100%!important;max-width:90vw!important;padding:20px!important}.sc-input-fixed{width:100%!important;max-width:100%!important}.sc-page-pad{padding-left:16px!important;padding-right:16px!important}}.sc-filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}@media (max-width:768px){.sc-filter-bar{gap:6px}.sc-filter-bar>input,.sc-filter-bar>select{width:100%!important;min-width:0!important}}.sc-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sc-tab{padding:10px 18px;font-size:13px;font-weight:500;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:none;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.sc-tab:hover{color:var(--text-primary)}.sc-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan);font-weight:600}@media (max-width:768px){.sc-tab{padding:10px 14px;font-size:12px}}.sc-empty{text-align:center;padding:48px 24px;color:var(--text-tertiary)}@media (max-width:768px){.sc-empty{padding:32px 16px}}.sc-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.sc-drawer{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important}}.sc-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:1024px){.sc-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sc-grid-4{grid-template-columns:1fr}}.sc-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}@media (max-width:768px){.sc-grid-2{grid-template-columns:1fr}.sc-kanban-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.sc-kanban-wrap>div{min-width:800px}.sc-detail-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.sc-detail-header>*{width:100%}.sc-detail-grid{grid-template-columns:1fr!important}}