*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a1f2e;--bg-hover:#252d3d;--border:#2a3548;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#3b82f6;--accent-glow:#3b82f64d;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}:root[data-theme=light]{--bg-primary:#f3f7ff;--bg-secondary:#fff;--bg-card:#f8fbff;--bg-hover:#eef4ff;--border:#d8e4f4;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent:#2563eb;--accent-glow:#2563eb2e;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}select{appearance:none;background-image:var(--select-arrow);background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}select option,select optgroup{background:var(--bg-secondary);color:var(--text-primary)}html[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light] select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.content-loading-shell{background:0 0;min-height:calc(100vh - 140px);padding:4px 2px}.loading-shimmer{background:color-mix(in srgb,var(--bg-card)80%,var(--bg-secondary));border:1px solid var(--border);border-radius:12px;position:relative;overflow:hidden}.loading-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:1.2s ease-in-out infinite loading-shimmer-slide;position:absolute;inset:0;transform:translate(-100%)}@keyframes loading-shimmer-slide{to{transform:translate(100%)}}.loading-title{width:220px;height:32px;margin-bottom:10px}.loading-subtitle{width:170px;height:16px;margin-bottom:18px}.loading-card-row{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.loading-stat-card{height:120px}.loading-filter-card{height:120px;margin-bottom:14px}.loading-toolbar-row{height:48px;margin-bottom:14px}.loading-table-card{height:380px}.app{min-height:100vh;display:flex}.sidebar{background:linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%);border-right:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:260px;height:100vh;padding:24px 16px;transition:width .28s,padding .28s;display:flex;position:fixed;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.logo{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:24px;padding:0 12px 24px;transition:padding .28s,margin-bottom .28s;display:flex}.logo-row{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.sidebar-collapse-toggle{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:-6px;margin-right:-6px;padding:0;line-height:0;transition:color .2s,transform .2s;display:inline-flex}.sidebar-collapse-toggle:hover{color:var(--accent);background:0 0;transform:translate(-1px)}.sidebar-toggle-icon{object-fit:contain;width:22px;height:22px;display:block}.logo-image{object-fit:contain;width:100%;max-width:185px;height:auto;transition:opacity .2s,max-width .28s;display:block}.logo-icon{background:linear-gradient(135deg,var(--accent),#6366f1);width:40px;height:40px;box-shadow:0 0 20px var(--accent-glow);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.logo span{font-size:20px;font-weight:700;line-height:1.1}.search-box{margin-bottom:24px;position:relative}.search-box input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.search-box .search-icon{width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.nav-menu{flex-direction:column;flex:1;gap:4px;transition:gap .28s;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item svg{width:20px;height:20px}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:none}.nav-item-icon img{object-fit:contain;width:20px;height:20px;display:block}.nav-item-label{display:inline-block}.theme-toggle-btn{justify-content:space-between}.theme-toggle-label{font-size:14px;font-weight:500}.theme-toggle-switch{justify-content:center;align-items:center;width:32px;height:24px;display:inline-flex}.customer-add-mobile{display:none}.customer-add-desktop{display:inline}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);box-shadow:0 8px 20px #14b8a640,inset 0 0 0 1px #bae6fd73}.user-profile{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:24px;padding:16px 12px;display:flex}.avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;display:flex}.avatar.profile-avatar{border:1px solid var(--border);background:0 0;border-radius:10px;padding:6px}.avatar.profile-avatar img{object-fit:contain;width:100%;height:100%;display:block}.user-info{flex-direction:column;display:flex}.user-name{font-size:14px;font-weight:500}.user-email{color:var(--text-muted);font-size:12px}.profile-signout-btn{color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;font-size:12px;font-weight:600}.profile-signout-btn:hover{text-decoration:underline}.main-content{flex:1;margin-left:260px;padding:32px;transition:margin-left .28s,padding .28s;overflow-y:auto}.app-footer{border:1px solid var(--border);background:var(--bg-secondary);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:14px 18px;display:flex}.app-footer-icons{align-items:center;gap:10px;display:inline-flex}.app-footer-icon{border:1px solid var(--border);background:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-footer-copy{color:var(--text-muted);text-align:right;margin:0;font-size:12px;font-weight:500}.app-footer-text{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.app-footer-disclaimer{color:var(--text-muted);text-align:right;max-width:640px;margin:0;font-size:11px;line-height:1.35}@media (min-width:769px){.app.sidebar-collapsed .sidebar{width:92px;padding:8px 8px 16px}.app.sidebar-collapsed .logo{margin-bottom:8px;padding:0 0 8px}.app.sidebar-collapsed .logo-row{justify-content:center;align-items:center}.app.sidebar-collapsed .sidebar-collapse-toggle{margin-top:0;margin-right:0}.app.sidebar-collapsed .sidebar-collapse-toggle:hover{transform:none}.app.sidebar-collapsed .logo-image{opacity:0;pointer-events:none;max-width:0}.app.sidebar-collapsed .nav-menu{align-items:center;gap:8px}.app.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:12px}.app.sidebar-collapsed .nav-item.active{background:radial-gradient(circle at 25% 20%,#2dd4bf5c,#0ea5e947);box-shadow:0 10px 22px #0ea5e933,inset 0 0 0 1px #7dd3fc66}.app.sidebar-collapsed .nav-item-label{display:none}.app.sidebar-collapsed .nav-item-icon{display:inline-flex}.app.sidebar-collapsed .theme-toggle-btn{justify-content:center;padding:10px}.app.sidebar-collapsed .theme-toggle-label,.app.sidebar-collapsed .nav-logout-btn{display:none}.app.sidebar-collapsed .user-profile{justify-content:center;padding:16px 0}.app.sidebar-collapsed .user-info{display:none}.app.sidebar-collapsed .main-content{margin-left:92px}}.tab-content{animation:.3s fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-header h1{margin-bottom:4px;font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary)}.header-actions{gap:12px;display:flex}.dashboard-page-header{align-items:center}.dashboard-header-actions{align-items:center;gap:10px;display:flex}.dashboard-period-controls{align-items:center;gap:8px;display:inline-flex}.dashboard-month-dropdown{min-width:198px}.dashboard-year-dropdown{width:130px;min-width:130px}.dashboard-period-controls .filter-dropdown{width:100%}.dashboard-period-trigger{border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:10px;min-height:42px;padding:10px 34px 10px 12px;font-size:14px;font-weight:600;line-height:1.2}.dashboard-period-trigger:hover{background:var(--bg-hover)}.dashboard-period-trigger:focus-visible{box-shadow:0 0 0 3px var(--accent-glow);outline:none}.dashboard-period-trigger .filter-dropdown-chevron{right:10px}.dashboard-month-menu{min-width:160px}.dashboard-year-menu{min-width:130px}.dashboard-new-lead-btn{white-space:nowrap}.toast-stack{z-index:2200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-item{background:var(--bg-secondary);border:1px solid var(--border);min-width:240px;max-width:340px;color:var(--text-primary);border-radius:12px;align-items:center;gap:8px;padding:12px 14px;animation:.34s toast-slide-in,.34s 2.8s forwards toast-fade-out;display:inline-flex;box-shadow:0 12px 28px #02061740}.toast-success{border-color:#14b8a673}.toast-success svg{color:#14b8a6;flex-shrink:0}@keyframes toast-slide-in{0%{opacity:0;transform:translate(28px,-14px)}to{opacity:1;transform:translate(0,0)}}@keyframes toast-fade-out{to{opacity:0;transform:translate(24px,-10px)}}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn.primary{background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.btn.primary:hover{box-shadow:0 6px 20px var(--accent-glow);transform:translateY(-2px)}.btn.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn.secondary:hover{background:var(--bg-hover)}.card{background:linear-gradient(180deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border);border-radius:16px;padding:24px}.card h2{color:var(--text-primary);margin-bottom:20px;font-size:16px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.stat-card{background:linear-gradient(180deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s;position:relative}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.stat-card .stat-info{flex-direction:column;gap:8px;min-width:0;padding-right:92px;display:flex}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{white-space:nowrap;font-size:clamp(20px,1.55vw,34px);font-weight:700;line-height:1.15}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;position:absolute;top:24px;right:24px}.stat-icon img{object-fit:contain;width:26px;height:26px;display:block}.stat-icon.blue{background:#3b82f626}.stat-icon.green{background:#22c55e26}.stat-icon.purple{background:#8b5cf626}.stat-icon.orange{background:#f9731626}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px;display:grid}.activity-list{flex-direction:column;gap:12px;max-height:320px;display:flex;overflow-y:auto}.contacts-list{max-height:320px;overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-thumb{background:#2a3548;border-radius:4px}.contacts-list::-webkit-scrollbar-thumb{background:#2a3548;border-radius:4px}.activity-item{background:var(--bg-hover);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.activity-item:hover{background:var(--bg-card)}.activity-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.activity-icon.email{background:#06b6d426}.activity-icon.call{background:#22c55e26}.activity-icon.meeting{background:#f9731626}.activity-icon.deal{background:#3b82f626}.activity-content{flex:1}.activity-content p{margin-bottom:4px;font-size:14px}.activity-content span{color:var(--text-muted);font-size:12px}.activity-time{color:var(--text-muted);white-space:nowrap;font-size:12px}.contacts-list{flex-direction:column;gap:8px;display:flex}.table-controls{justify-content:space-between;margin-bottom:16px;display:flex}#customers .customers-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}#customers .customers-toolbar .table-controls{flex:none;justify-content:flex-start;width:auto;margin-bottom:0}#customers .customers-toolbar .search-box{margin-bottom:0}#customers .customers-toolbar .search-box input{width:230px;max-width:230px}#customers .customers-toolbar .header-actions{margin-left:0}.search-box input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 12px 10px 40px;font-size:14px}.contact-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.contact-item:hover{background:var(--bg-hover)}.contact-item .avatar{width:36px;height:36px;font-size:12px}.contact-item .avatar.top-lead-icon-avatar{border:1px solid var(--border);background:#fff;border-radius:10px;padding:5px}.contact-item .avatar.top-lead-icon-avatar img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.contact-item .info{flex:1}.contact-item .name{font-size:14px;font-weight:500}.contact-item .company{color:var(--text-muted);font-size:12px}.contact-item .value{color:var(--accent);font-size:14px;font-weight:600}.company-search-field{position:relative}.company-search-menu{z-index:2100;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 28px #02061738}.company-search-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.company-search-option:hover{background:var(--bg-hover)}.company-search-option-logo{object-fit:cover;border:1px solid var(--border);background:#fff;border-radius:6px;flex-shrink:0;width:26px;height:26px}.company-search-option-main{flex-direction:column;gap:2px;min-width:0;display:flex}.company-search-option-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.company-search-option-domain{color:var(--text-muted);font-size:12px;line-height:1.2}.company-search-option-manual .company-search-option-name{font-weight:500}.company-search-empty{color:var(--text-secondary);padding:12px;font-size:13px}.actions-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.action-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-card);border-color:var(--accent);transform:translateY(-2px)}.action-icon{justify-content:center;align-items:center;width:34px;height:34px;font-size:28px;display:inline-flex}.action-icon img{object-fit:contain;width:30px;height:30px;display:block}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:24px;display:flex;position:relative}.search-filter{flex:0 300px;min-width:220px;max-width:340px;position:relative}.filters-bar .search-filter{flex:0 0 230px;min-width:180px;max-width:230px}.search-filter input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 12px 10px 40px;font-size:14px}.search-filter input:focus{border-color:var(--accent);outline:none}.search-filter .search-icon{width:18px;height:18px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.status-filters{flex-wrap:wrap;flex:0 auto;gap:8px;min-width:0;display:flex}.filters-bar .owner-filter{flex:0 0 165px;min-width:150px}.lead-inline-add{white-space:nowrap;flex:none;min-width:132px;padding:10px 16px}.table-filter-card{margin-bottom:16px}.table-filter-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.table-filter-header h3{margin:0;font-size:18px}.table-filter-actions{gap:10px;display:inline-flex}.table-filter-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;display:grid}.table-filter-field{flex-direction:column;gap:6px;display:flex}.table-filter-field label{color:var(--text-secondary);font-size:12px;font-weight:600}.table-toolbar{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-toolbar .search-filter{flex:0 0 340px;min-width:220px;max-width:340px}.table-toolbar .lead-inline-add{margin-left:0}@media (min-width:769px){.filters-bar .status-filters,.filters-bar .owner-filter{order:4}}.filter-dropdown{width:100%;position:relative}.filter-dropdown-trigger{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:10px;padding:12px 40px 12px 14px;font-size:14px;line-height:1.2;position:relative}.filter-dropdown-trigger.open,.filter-dropdown-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.filter-dropdown-label{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.filter-dropdown-leading{vertical-align:middle;color:var(--text-secondary);justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.filter-dropdown-trigger.has-leading-icon .filter-dropdown-label{vertical-align:middle;max-width:calc(100% - 30px);display:inline-block}.filter-dropdown-chevron{color:var(--text-muted);font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);z-index:2200;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #0000002e}.filter-dropdown-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 12px}.filter-dropdown-option:hover{background:var(--bg-hover)}.filter-dropdown-option.active{color:var(--text-primary);background:#3b82f624;font-weight:600}.form-group .filter-dropdown{width:100%}.form-select-trigger{background:var(--bg-hover);border-color:var(--border);border-radius:8px;padding:10px 38px 10px 14px;font-size:14px}.form-select-trigger .filter-dropdown-chevron{color:var(--text-secondary)}.form-select-menu{z-index:2400;max-height:260px}.filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn.active{background:linear-gradient(135deg,var(--accent),#6366f1);color:#fff;border-color:#0000}.table-container{overflow-x:auto}.contacts-table{font-size:12px}.contacts-table th,.contacts-table td{white-space:nowrap;padding:10px 8px}.contacts-table th{font-size:11px}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:16px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.data-table tr:hover td{background:var(--bg-hover)}.data-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.contact-cell{align-items:center;gap:12px;display:flex}.contact-cell .avatar{width:36px;height:36px;font-size:12px}.contact-cell .details .name{margin-bottom:2px;font-weight:500}.contact-cell .details .email,.company-cell .title{color:var(--text-muted);font-size:12px}.status-badge{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.lead{color:var(--info);background:#06b6d426;border:1px solid #06b6d44d}.status-badge.qualified{color:var(--accent);background:#3b82f626;border:1px solid #3b82f64d}.status-badge.customer{color:var(--success);background:#22c55e26;border:1px solid #22c55e4d}.status-badge.churned{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.value-cell{font-weight:600}.actions-cell{gap:8px;display:flex}.icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.danger:hover{color:var(--danger);background:#ef444426}.remarks-btn{border:1px solid var(--border);background:var(--bg-hover);width:30px;height:30px;color:var(--text-secondary);border-radius:8px}.remarks-btn:hover{border-color:var(--accent);color:var(--accent)}.remarks-col-header span{align-items:center;gap:6px;display:inline-flex}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.company-card{background:linear-gradient(180deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s}.company-card.clickable{cursor:pointer}.company-card{position:relative}.company-delete-btn{opacity:.6;z-index:2;position:absolute;top:16px;right:16px}.bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex}.bar-fill{background:linear-gradient(#5b8cff,#3b6cff);border-radius:8px 8px 0 0;width:36px;transition:height .3s}.bar-label{color:#9aa4bf;text-align:center;margin-top:10px;font-size:12px}.company-card:hover .company-delete-btn{opacity:1}.company-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.company-header{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.company-icon{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.company-icon img{object-fit:contain;width:28px;height:28px;display:block}.company-header .info h3{margin-bottom:4px;font-size:16px;font-weight:600}.company-header .info p{color:var(--text-muted);font-size:13px}.company-stats{flex-direction:column;gap:12px;display:flex}.company-stat{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;display:flex}.company-stat:last-child{border-bottom:none}.company-stat span:first-child{color:var(--text-muted);font-size:14px}.company-stat span:last-child{font-weight:500}.company-stat .revenue{color:var(--accent);font-weight:600}.company-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.company-footer .tag{background:var(--bg-hover);color:var(--text-muted);border-radius:20px;padding:4px 12px;font-size:12px;display:inline-block}.pipeline-board{gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.pipeline-column{flex-shrink:0;min-width:300px}.pipeline-column.drop-target .column-header{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)inset}.pipeline-column.drop-target .column-body{border-color:var(--accent);background:#3b82f61f}.column-header{background:var(--bg-card);border:1px solid var(--border);border-top-width:4px;border-radius:12px 12px 0 0;padding:16px}.column-header.new{border-top-color:var(--info)}.column-header.contacted{border-top-color:var(--warning)}.column-header.qualified{border-top-color:var(--accent)}.column-header.proposal{border-top-color:#8b5cf6}.column-header.negotiation{border-top-color:#f97316}.column-header.won{border-top-color:var(--success)}.column-header .title{justify-content:space-between;align-items:center;display:flex}.column-header h3{font-size:14px;font-weight:600}.column-header .count{background:var(--bg-hover);color:var(--text-muted);border-radius:12px;padding:2px 8px;font-size:12px}.column-header .value{color:var(--text-muted);margin-top:8px;font-size:13px}.column-body{border:1px solid var(--border);background:#1a1f2e80;border-top:none;border-radius:0 0 12px 12px;min-height:200px;padding:12px}.pipeline-card{background:var(--bg-card);border:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;margin-bottom:12px;padding:16px;transition:all .2s}.pipeline-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.pipeline-card.dragging{opacity:.5;cursor:grabbing;touch-action:none;transform:scale(.98)}.pipeline-card.updating{opacity:.65;pointer-events:none}.pipeline-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.pipeline-card-header .avatar{width:32px;height:32px;font-size:11px}.pipeline-card-header .avatar.pipeline-icon-avatar{border:1px solid var(--border);background:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:5px;display:inline-flex}.pipeline-icon-avatar img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.pipeline-card-header .info .name{font-size:14px;font-weight:500}.pipeline-card-header .info .company{color:var(--text-muted);font-size:12px}.pipeline-card-footer{justify-content:space-between;align-items:center;display:flex}.pipeline-card-footer .value{color:var(--accent);font-size:16px;font-weight:600}.pipeline-card-footer .time{color:var(--text-muted);font-size:12px}.pipeline-card-tags{gap:6px;margin-top:12px;display:flex}.pipeline-card-tags .tag{color:var(--accent);background:#3b82f626;border-radius:12px;padding:2px 8px;font-size:11px}.analytics-grid{grid-template-columns:1.4fr 1fr;gap:24px;display:grid}.bar-chart{justify-content:space-around;align-items:flex-end;height:280px;padding:20px 30px;display:flex}.pie-chart{-webkit-mask:radial-gradient(circle 38% at center,transparent 98%,black 100%);mask:radial-gradient(circle 38% at center,transparent 98%,black 100%);-webkit-mask:radial-gradient(circle 38% at center,transparent 98%,black 100%);border-radius:50%;position:absolute;inset:0}@keyframes donutIn{0%{opacity:0;transform:scale(.6)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pie-chart-wrapper{justify-content:center;align-items:center;width:360px;height:360px;margin-inline:auto;display:flex;position:relative}.pie-center{text-align:center;pointer-events:none;background:radial-gradient(circle at top,#0f172a,#020617);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:42%;height:42%;display:flex;position:absolute}.pie-center .value,.pie-center .label{line-height:1}.pie-center .value{font-size:40px;font-weight:800;line-height:1}.pie-center .label{color:#94a3b8;letter-spacing:.4px;margin-top:6px;font-size:13px}.pie-chart-container{grid-template-columns:420px 1fr;align-items:center;gap:48px;display:grid}.chart-card{min-height:480px}.pie-legend{flex-direction:column;gap:10px;display:flex}.legend-item{color:#e5e7eb;align-items:center;gap:10px;font-size:14px;display:flex}.legend-color{border-radius:50%;width:10px;height:10px}.confirm-modal p{color:#94a3b8;font-size:14px}.confirm-modal p span{color:#ef4444;margin-top:6px;display:block}.confirm-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#020617bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.confirm-overlay.active{display:flex}.confirm-modal{background:linear-gradient(#0f172a,#020617);border:1px solid #1e293b;border-radius:16px;width:420px;padding:24px;animation:.2s scaleIn;box-shadow:0 20px 60px #0009}.confirm-modal h3{margin-bottom:10px;font-size:18px}.confirm-modal p{color:#94a3b8;margin-bottom:24px;font-size:14px}.confirm-actions{justify-content:flex-end;gap:12px;display:flex}.btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn.danger:hover{box-shadow:0 0 0 3px #ef44444d}.pie-tooltip{color:#fff;pointer-events:none;opacity:0;background:#0f172af2;border-radius:6px;padding:6px 10px;font-size:12px;transition:opacity .2s;position:absolute}.pie-chart-wrapper.animate .pie-chart{transform:rotate(0)}.top-performers{margin-top:32px}.pie-chart:after{content:"";background:radial-gradient(circle at top,#0f172a,#020617);border-radius:50%;position:absolute;inset:38%}.legend-item span:last-child{color:#94a3b8}.donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotate(0)}.donut-center .value{color:#fff;font-size:28px;font-weight:700;line-height:1}.pipeline-donut-wrapper{grid-template-columns:280px 1fr;align-items:center;gap:24px;min-height:auto;padding:20px;display:grid}.pipeline-donut{border-radius:50%;width:220px;height:220px;position:relative}.donut-center .label{letter-spacing:1px;color:#94a3b8;margin-top:4px;font-size:11px}.animate{animation:.9s cubic-bezier(.22,1,.36,1) donut-grow}@keyframes donut-grow{0%{opacity:0;transform:scale(.6)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.remarks-list{max-height:300px;margin-bottom:16px;overflow-y:auto}.remark-item{background:var(--bg-hover);border-radius:8px;margin-bottom:8px;padding:10px}.remark-meta{color:var(--text-muted);margin-top:4px;font-size:11px}#newRemarkText{letter-spacing:.2px;color:#e5e7eb;font-size:14px;line-height:1.6}#remarkModal .modal{max-width:520px;padding:0;overflow:hidden}#remarkModal .modal-header{border-bottom:1px solid var(--border);padding:18px 22px}#remarkModal h2{font-size:16px;font-weight:600}.remarks-list{flex-direction:column;gap:12px;max-height:320px;padding:18px 22px;display:flex;overflow-y:auto}.remark-card{background:linear-gradient(#1e2538,#151b2c);border:1px solid #6366f159;border-radius:14px;padding:16px 18px;box-shadow:inset 0 1px #ffffff0a,0 6px 18px #00000059}.remark-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.remark-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px}.remark-delete:hover{color:#ef4444}.leads-table-wrapper{height:676px;overflow-y:auto}.contacts-table thead th{z-index:2;background:#0b1220;position:sticky;top:0}.pipeline-board{height:calc(100vh - 180px);overflow:auto hidden}.pipeline-column{flex-direction:column;max-height:100%;display:flex}.pipeline-column .column-header{flex-shrink:0}.pipeline-column .column-body{flex:1;padding-right:6px;overflow-y:auto}.pipeline-column .column-body::-webkit-scrollbar{width:6px}.pipeline-column .column-body::-webkit-scrollbar-thumb{background:#2b3553;border-radius:6px}.pipeline-column .column-body::-webkit-scrollbar-thumb:hover{background:#3b4a75}.leads-table-wrapper::-webkit-scrollbar{width:8px}.leads-table-wrapper::-webkit-scrollbar-thumb{background:#2b3553;border-radius:6px}.leads-table-wrapper::-webkit-scrollbar-thumb:hover{background:#3b4a75}.remark-card:first-child{background:linear-gradient(180deg,#3b82f614,var(--bg-card));border-color:#3b82f666}.remark-footer{justify-content:flex-end;margin-top:6px;display:flex}.remark-text{cursor:default;-webkit-user-select:text;user-select:text}.remark-card *{text-decoration:none!important}#remarkModal textarea#newRemarkText{resize:none;color:#f8fafc;letter-spacing:.25px;border:1px solid var(--border);background:#0f172a;border-radius:12px;outline:none;width:100%;min-height:90px;max-height:180px;padding:16px 18px;font-size:15px;line-height:1.6}#remarkModal textarea::placeholder{color:#64748b}#remarkModal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}#remarkModal .modal{flex-direction:column;display:flex}.remarks-list{flex:1}#newRemarkText{margin-top:8px}.remark-quote{color:#ffffff14;font-family:Georgia,serif;font-size:28px;position:absolute;top:-6px;left:-2px}.remark-time{color:#94a3b8;letter-spacing:.3px;font-size:11px}.no-remarks{text-align:center;color:var(--text-muted);padding:40px 10px;font-size:14px}.no-remarks span{opacity:.8;font-size:12px}.remarks-list{flex-direction:column;gap:10px;max-height:300px;margin-bottom:12px;padding-right:4px;display:flex;overflow-y:auto}.remark-card{background:var(--bg-hover);border:1px solid var(--border);box-shadow:none;border-radius:12px;padding:14px}.remark-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.remark-footer{margin-top:8px}.remark-time{color:var(--text-secondary)}#newRemarkText{resize:vertical;border:1px solid var(--border);background:var(--bg-card);width:100%;min-height:86px;color:var(--text-primary);border-radius:10px;padding:12px}#newRemarkText:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.remark-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:14px;display:flex}.remark-action-btn{border-radius:10px;width:auto;min-width:110px;padding:9px 14px;font-size:14px}.bar-chart .bar-label{color:var(--text-muted);font-size:12px}.metrics-list{flex-direction:column;gap:12px;display:flex}.analytics-panels{grid-template-columns:1.2fr 1fr;gap:20px;margin-top:20px;display:grid}.stage-chart-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chart-mode-switch{gap:8px;display:inline-flex}.stage-bars,.company-bars{flex-direction:column;gap:12px;display:flex}.stage-bar-row,.company-bar-row{flex-direction:column;gap:8px;display:flex}.stage-bar-meta,.company-bar-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.stage-name,.company-name{color:var(--text-secondary);font-size:13px}.stage-value,.company-val{color:var(--text-primary);font-size:13px;font-weight:600}.stage-bar-track,.company-bar-track{background:var(--bg-hover);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.stage-bar-fill{background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:999px;height:100%;transition:width .25s}.company-bar-fill{background:linear-gradient(90deg,#0ea5e9,#22c55e);border-radius:999px;height:100%;transition:width .25s}.metric-item{background:var(--bg-hover);border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.metric-item .metric-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.metric-item.blue .metric-icon{background:#06b6d426}.metric-item.green .metric-icon{background:#22c55e26}.metric-item.orange .metric-icon{background:#f9731626}.metric-item.purple .metric-icon{background:#8b5cf626}.metric-info{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);font-size:13px}.metric-value{font-size:20px;font-weight:700}.performers-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.performer-card{text-align:center;background:var(--bg-hover);border-radius:12px;padding:20px;transition:all .2s}.performer-card:hover{background:var(--bg-card)}.performer-card .avatar{width:64px;height:64px;margin:0 auto 12px;font-size:20px}.performer-card .name{margin-bottom:4px;font-weight:500}.performer-card .deals{color:var(--text-muted);font-size:13px}.performer-card .revenue{color:var(--accent);margin-top:8px;font-size:18px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background:#000000b3;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;transition:transform .3s;display:flex;transform:translateY(20px)}.modal.modal-large{max-width:900px}.modal-overlay.active .modal{transform:translateY(0)}.form-scroll{max-height:60vh;padding:24px;overflow-y:auto}.form-grid-3{grid-template-columns:repeat(3,1fr)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:18px;font-weight:600}.close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.form-group{flex-direction:column;gap:8px;padding:0 24px;display:flex}.form-group:first-child{padding-top:0}.form-grid .form-group{padding:0}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input,.form-group select{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent);outline:none}.status-buttons{flex-wrap:wrap;gap:8px;display:flex}.status-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.status-btn:hover{border-color:var(--accent);color:var(--text-primary)}.status-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.companies-grid-wrapper{height:calc(100vh - 220px);overflow:hidden auto}.companies-grid-wrapper::-webkit-scrollbar{width:8px}.companies-grid-wrapper::-webkit-scrollbar-thumb{background:#2b3553;border-radius:6px}.companies-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#3b4a75}.owner-filter select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #24304a;border-radius:10px;min-width:160px;padding:12px 42px 12px 16px;font-size:13px;line-height:1.2}.owner-filter select:focus{border-color:#4f7cff;outline:none}.stat-sub-label{color:var(--text-muted);margin-top:6px;font-size:13px}.stat-sub-value{color:var(--success);font-size:20px;font-weight:600}.empty-state{color:var(--text-muted);text-align:center;padding:40px 20px;font-size:14px}.mobile-topbar,.mobile-sidebar-backdrop{display:none}body.mobile-nav-open{overflow:hidden}@media (max-width:1200px){.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.performers-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.pie-chart-container{grid-template-columns:1fr;gap:24px}.pie-chart-wrapper{width:280px;height:280px}}@media (max-width:768px){.content-loading-shell{min-height:calc(100vh - 120px);padding:0}.loading-title{width:160px;height:26px}.loading-subtitle{width:120px}.loading-card-row{grid-template-columns:1fr;gap:10px}.loading-stat-card{height:90px}.loading-filter-card{height:92px}.loading-table-card{height:300px}html,body,#__next{width:100%;max-width:100vw;overflow-x:hidden}.app{width:100%;max-width:100vw;display:block;overflow-x:hidden}.mobile-topbar{border-bottom:1px solid var(--border);z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827f7;justify-content:space-between;align-items:center;height:86px;padding:0 14px;display:flex;position:fixed;inset:0 0 auto}.mobile-brand{flex-direction:row;align-items:center;gap:10px;display:flex}.mobile-logo-image{object-fit:contain;width:118px;height:auto;max-height:52px}.menu-toggle-btn{border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;font-size:20px}.mobile-title{font-size:14px;font-weight:600;line-height:1.1}.mobile-sidebar-backdrop{z-index:1090;opacity:0;visibility:hidden;background:#02061794;transition:opacity .2s;display:block;position:fixed;inset:0}.app.mobile-menu-open .mobile-sidebar-backdrop{opacity:1;visibility:visible}.sidebar{z-index:1100;width:min(82vw,300px);height:100dvh;padding:96px 12px 16px;transition:transform .24s;left:auto;right:0;transform:translate(100%)}.sidebar-collapse-toggle{display:none}.nav-item-icon{display:none!important}.nav-item-label{display:inline-block!important}.app.sidebar-collapsed .nav-logout-btn{display:flex}.app.sidebar-collapsed .theme-toggle-label{display:inline-block}.app.sidebar-collapsed .user-info{display:flex}.app.mobile-menu-open .sidebar{transform:translate(0)}.sidebar .logo{display:none}.main-content{width:100%;max-width:100vw;margin-left:0;padding:102px 14px 18px;overflow-x:hidden}.app-footer{flex-direction:column;align-items:flex-start;gap:10px}.app-footer-copy{text-align:left}.app-footer-text{align-items:flex-start}.app-footer-disclaimer{text-align:left;max-width:100%}.page-header{flex-direction:column;gap:14px;margin-bottom:20px}.page-header h1{font-size:22px}.dashboard-page-header{align-items:flex-start}.dashboard-page-header h1{text-align:left;width:100%}.dashboard-header-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;width:100%;display:flex}.dashboard-period-controls{flex:none;align-items:center;gap:8px;width:auto;display:inline-flex}.dashboard-month-dropdown{flex:0 0 170px;width:170px;min-width:170px}.dashboard-year-dropdown{flex:0 0 130px;width:130px;min-width:130px}.dashboard-new-lead-btn{justify-content:center;width:auto;min-width:122px;padding-inline:14px}.header-actions{width:100%}.header-actions .btn{justify-content:center;width:100%}.stats-grid,.dashboard-grid,.analytics-grid,.analytics-panels,.performers-grid,.actions-grid{grid-template-columns:1fr;gap:14px}.card,.stat-card{padding:16px}.stat-value{font-size:26px}.filters-bar{flex-flow:wrap;align-items:center;gap:10px;width:100%;max-width:100%;overflow:visible}.search-filter{flex:1 1 0;width:auto;min-width:0;max-width:none}.status-filters{flex-wrap:wrap;flex:0 0 100%;gap:8px;width:100%;padding-bottom:0;overflow:visible}.lead-inline-add{flex:none;justify-content:center;width:auto;min-width:108px;padding:10px 14px}.table-filter-header{flex-direction:column;align-items:flex-start}.table-filter-actions{justify-content:flex-end;width:100%}.table-filter-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:nowrap;align-items:center;gap:8px}.table-toolbar .search-filter{flex:1 1 0;width:auto;min-width:0;max-width:none}.table-toolbar .lead-inline-add{flex:none;justify-content:center;margin-left:0}.filter-btn{white-space:normal;text-align:center;flex:calc(33.333% - 8px);min-width:92px}.filters-bar .filter-dropdown-menu{max-height:none;margin-top:6px;position:static;top:auto;left:auto;right:auto;overflow-y:visible}.owner-filter select,.search-box input{width:100%;min-width:0}.filters-bar .owner-filter{box-sizing:border-box;flex:0 0 100%;width:100%;min-width:0;max-width:100%;overflow:visible}.filters-bar .owner-filter select,.form-group select,.search-filter input{box-sizing:border-box;max-width:100%;display:block}.filters-bar .owner-filter select{width:100%!important;min-width:0!important;max-width:100%!important}select{max-width:100%;font-size:16px}.table-container{max-width:100%;overflow-x:auto}.data-table{min-width:780px}.contacts-table{min-width:1600px}.leads-table-wrapper{max-width:100%;height:auto;max-height:68vh;overflow-x:auto}.companies-grid-wrapper,.pipeline-board{height:auto}.companies-grid{grid-template-columns:1fr;gap:14px}.pipeline-column{min-width:250px}.pie-chart-wrapper{width:240px;height:240px}.pie-center .value{font-size:30px}.modal,.modal.modal-large,.confirm-modal{width:calc(100% - 20px);max-width:calc(100% - 20px)}.modal{max-height:92vh}.modal-header,.modal-footer,.form-grid,.form-scroll{padding:14px}.form-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.form-group{padding:0}#customers .customers-toolbar{align-items:center;gap:10px;width:100%;display:flex}#customers .customers-toolbar .table-controls{flex:1;margin-bottom:0}#customers .customers-toolbar .search-box{margin-bottom:0}#customers .customers-toolbar .header-actions{flex-shrink:0;width:auto}#customers .customers-toolbar .header-actions .btn.customer-add-btn{white-space:nowrap;justify-content:center;width:auto;min-width:88px;padding:10px 12px}.customer-add-desktop{display:none}.customer-add-mobile{display:inline}.toast-stack{top:94px;left:12px;right:12px}.toast-item{width:100%;min-width:0;max-width:none}html[data-theme=light] .filters-bar .owner-filter select,html[data-theme=dark] .filters-bar .owner-filter select{width:100%!important;min-width:0!important;max-width:100%!important}}@media (max-width:480px){.mobile-title{font-size:15px}.menu-toggle-btn{width:36px;height:36px;font-size:18px}.actions-grid{grid-template-columns:1fr}.stat-value{font-size:24px}}:root[data-theme=light] body{background:var(--bg-primary);color:var(--text-primary)}:root[data-theme=light] .sidebar{background:linear-gradient(#fff 0%,#f4f8ff 100%)}:root[data-theme=light] .card,:root[data-theme=light] .stat-card,:root[data-theme=light] .company-card{background:linear-gradient(#fff 0%,#f7fbff 100%)}:root[data-theme=light] .stat-card:hover,:root[data-theme=light] .company-card:hover{box-shadow:0 10px 24px #0f172a1f}:root[data-theme=light] .search-box input{border-color:var(--border);color:var(--text-primary);background:#fff}:root[data-theme=light] .owner-filter select{color:var(--text-primary);border-color:var(--border);background:#fff}:root[data-theme=light] .form-select-trigger{border-color:var(--border);background:#fff}:root[data-theme=light] .contacts-table thead th{background:#edf3ff}:root[data-theme=light] .leads-table-wrapper::-webkit-scrollbar-thumb{background:#c6d6ef}:root[data-theme=light] .pipeline-column .column-body::-webkit-scrollbar-thumb{background:#c6d6ef}:root[data-theme=light] .companies-grid-wrapper::-webkit-scrollbar-thumb{background:#c6d6ef}:root[data-theme=light] .leads-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9fb7dc}:root[data-theme=light] .pipeline-column .column-body::-webkit-scrollbar-thumb:hover{background:#9fb7dc}:root[data-theme=light] .companies-grid-wrapper::-webkit-scrollbar-thumb:hover{background:#9fb7dc}:root[data-theme=light] .confirm-overlay,:root[data-theme=light] .modal-overlay,:root[data-theme=light] .mobile-sidebar-backdrop{background:#0f172a47}:root[data-theme=light] .confirm-modal,:root[data-theme=light] .modal{border-color:var(--border);background:linear-gradient(#fff 0%,#f5f9ff 100%);box-shadow:0 20px 45px #0f172a2e}:root[data-theme=light] .confirm-modal p,:root[data-theme=light] .remark-delete,:root[data-theme=light] .remark-time,:root[data-theme=light] .pie-center .label,:root[data-theme=light] .legend-item,:root[data-theme=light] .legend-item span:last-child,:root[data-theme=light] .bar-label,:root[data-theme=light] .donut-center .label{color:var(--text-secondary)}:root[data-theme=light] #remarkModal textarea#newRemarkText{color:var(--text-primary);border-color:var(--border);background:#fff}:root[data-theme=light] #remarkModal textarea::placeholder{color:var(--text-muted)}:root[data-theme=light] .remark-quote{color:#0f172a14}:root[data-theme=light] .pie-chart:after{background:radial-gradient(circle at top,#fff,#f1f6ff)}:root[data-theme=light] .mobile-topbar{background:#fffffff7}:root[data-theme=light] .stat-icon.blue,:root[data-theme=light] .stat-icon.green,:root[data-theme=light] .stat-icon.purple,:root[data-theme=light] .stat-icon.orange,:root[data-theme=light] .company-icon{background:0 0}:root[data-theme=light] .pipeline-board{gap:18px;padding:6px 2px 18px}:root[data-theme=light] .pipeline-column{background:linear-gradient(#f8fbff 0%,#f2f7ff 100%);border:1px solid #d6e3f4;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #2563eb14}:root[data-theme=light] .column-header{background:linear-gradient(#fff 0%,#f4f8ff 100%);border:none;border-top:4px solid #7aa6ff;border-radius:0;padding:16px 18px}:root[data-theme=light] .column-header .count{color:#345387;background:#e8f0ff;font-weight:600}:root[data-theme=light] .column-header .value{color:#4b6286;font-weight:500}:root[data-theme=light] .column-body{background:linear-gradient(#eef4ff 0%,#e9f1ff 100%);border:none;border-radius:0;padding:12px}:root[data-theme=light] .pipeline-column.drop-target{border-color:#5b86d6;box-shadow:0 0 0 2px #3b82f640,0 10px 24px #2563eb14}:root[data-theme=light] .pipeline-column.drop-target .column-body{background:linear-gradient(#dceafe 0%,#d6e7ff 100%)}:root[data-theme=light] .pipeline-card{background:#fff;border:1px solid #d8e4f4;border-radius:14px;box-shadow:0 8px 20px #0f172a14}:root[data-theme=light] .pipeline-card:hover{border-color:#8eb0e8;box-shadow:0 14px 26px #2563eb29}:root[data-theme=light] .pipeline-card-footer .value{color:#1d4ed8}:root[data-theme=light] .pipeline-card-footer .time,:root[data-theme=light] .pipeline-card-header .info .company{color:#5e769b}:root[data-theme=light] .pipeline-column .empty-state{color:#6a84aa;font-weight:500}:root[data-theme=light] .pipeline-column .column-body::-webkit-scrollbar-thumb{background:#b8cced}:root[data-theme=light] .pipeline-column .column-body::-webkit-scrollbar-thumb:hover{background:#95b2de}.remark-chat-modal{flex-direction:column;width:min(680px,100% - 24px);max-width:min(680px,100% - 24px);max-height:82vh;padding:0;display:flex;overflow:hidden}.remark-chat-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.remark-chat-title-wrap{align-items:center;gap:12px;display:flex}.remark-chat-icon{background:var(--accent-glow);width:34px;height:34px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.remark-chat-header h2{margin:0;font-size:24px}.remark-chat-header p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.remark-chat-body{background:color-mix(in srgb,var(--bg-primary)84%,var(--bg-secondary));flex:1;padding:18px;overflow-y:auto}.remark-chat-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;display:flex}.remark-chat-empty-icon{background:var(--bg-card);border:1px solid var(--border);width:68px;height:68px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.remark-chat-empty h3{margin:0;font-size:26px}.remark-chat-empty p{color:var(--text-secondary);max-width:340px;margin:0}.remark-chat-modal .remarks-list{max-height:none;margin-bottom:0;padding-right:2px}.remark-chat-modal .remark-card{background:var(--bg-card);border:1px solid var(--border)}.remark-attachments{flex-direction:column;gap:6px;margin-top:10px;display:flex}.remark-attachment-link{width:fit-content;max-width:100%;color:var(--accent);border:1px dashed var(--border);background:var(--bg-hover);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;text-decoration:none;display:inline-flex}.remark-attachment-link:hover{border-color:var(--accent)}.remark-attachment-link span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.remark-attachment-size{color:var(--text-muted)}.remark-chat-compose{border-top:1px solid var(--border);background:var(--bg-secondary);padding:14px 16px}.remark-chat-modal #newRemarkText{min-height:54px;max-height:120px;margin-top:0}.remark-upload-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.remark-upload-chip{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.remark-upload-chip button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.remark-file-input{display:none}.remark-compose-actions{align-items:center;gap:8px;margin-top:12px;display:flex}.remark-attach-btn,.remark-send-btn,.remark-close-btn{border-radius:10px;align-items:center;gap:6px;min-width:0;padding:9px 12px;display:inline-flex;width:auto!important}.remark-send-btn{margin-left:auto}@media (max-width:768px){.remark-chat-modal{width:calc(100% - 16px);max-width:calc(100% - 16px)}.remark-chat-header h2{font-size:20px}.remark-chat-body{padding:14px}.remark-compose-actions{flex-wrap:wrap}.remark-send-btn{margin-left:0}}
body.login-page{background:linear-gradient(135deg,#eaf3ff,#dfeeff 48%,#ecf4ff);min-height:100dvh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:block}body.login-page *{box-sizing:border-box}body.login-page input,body.login-page button,body.login-page textarea,body.login-page select,body.login-page label,body.login-page p,body.login-page h1,body.login-page h2,body.login-page h3,body.login-page h4,body.login-page h5,body.login-page h6,body.login-page span,body.login-page div,body.login-page a{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.login-page .login-shell{width:100%;height:100dvh;margin:0}body.login-page .login-frame{height:100%;min-height:0;box-shadow:none;background:#fff;border-radius:0;grid-template-columns:minmax(360px,1.05fr) minmax(420px,.95fr);display:grid;overflow:hidden}body.login-page .login-visual{background:#dcecff;position:relative}body.login-page .login-visual-video{object-fit:cover;object-position:center 34%;width:100%;height:94%;display:block}body.login-page .login-visual-overlay{pointer-events:none;background:radial-gradient(500px 420px at 50% 35%,#ffffff38,#0000 68%),linear-gradient(#eaf4ff1a,#b4d1f326);position:absolute;inset:0}body.login-page .login-panel{background:#fff;justify-content:center;align-items:center;padding:clamp(20px,3.2vh,44px) clamp(22px,2.8vw,56px);display:flex}body.login-page .login-card{color:#162446;flex-direction:column;justify-content:center;width:min(100%,560px);min-height:100%;display:flex}body.login-page .brand{letter-spacing:-.02em;color:#13254d;margin:0;font-size:clamp(34px,4.2vh,58px);font-weight:800;line-height:1.04}body.login-page .brand-accent{color:#1f5bb6}body.login-page .login-card h2{letter-spacing:-.02em;color:#142b55;margin:clamp(14px,2.8vh,34px) 0 6px;font-size:clamp(40px,5.4vh,64px);font-weight:700;line-height:1.08}body.login-page .subtitle{color:#1b2a4b;margin:0 0 clamp(14px,2vh,26px);font-size:clamp(16px,2.2vh,21px);font-weight:500}body.login-page .input-group{margin-bottom:clamp(10px,1.5vh,16px);position:relative}body.login-page .input-group input{color:#162446;background:#fff;border:1px solid #c5cfde;border-radius:14px;width:100%;height:clamp(54px,7vh,68px);padding:0 52px;font-size:clamp(18px,2.6vh,22px);font-weight:500;line-height:1.2;transition:border-color .2s,box-shadow .2s}body.login-page .input-group input::placeholder{color:#526485;font-size:clamp(18px,2.6vh,22px)}body.login-page .input-group input:focus{border-color:#2b64cc;outline:none;box-shadow:0 0 0 3px #2b64cc29}body.login-page .left-icon{color:#6f7f9c;align-items:center;display:inline-flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}body.login-page .toggle-password{color:#6f7f9c;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}body.login-page .toggle-password:hover{color:#2b64cc}body.login-page .forgot-link{color:#2a5eae;cursor:pointer;background:0 0;border:0;margin-top:4px;margin-left:auto;padding:0;font-size:clamp(13px,1.7vh,16px);font-weight:500}body.login-page .forgot-link:hover{text-decoration:underline}body.login-page .login-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#1f56b8,#1f63dc);border:0;border-radius:14px;height:clamp(52px,6.8vh,64px);margin-top:clamp(14px,2.2vh,24px);font-size:clamp(17px,2.2vh,22px);font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 30px #1f5cc23d}body.login-page .login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 34px #1f5cc24d}body.login-page .login-submit:disabled{opacity:.7;cursor:not-allowed}body.login-page #error{color:#d12f2f;min-height:20px;margin:10px 0 0;font-size:14px}body.login-page .footer-text{text-align:center;color:#7a869d;margin-top:clamp(14px,2.2vh,28px);font-size:clamp(12px,1.5vh,14px)}@media (max-width:1200px){body.login-page .login-frame{grid-template-columns:minmax(320px,1fr) minmax(360px,1fr)}}@media (max-height:860px) and (min-width:961px){body.login-page .login-panel{padding:16px 24px}body.login-page .login-card h2{margin-top:12px;font-size:clamp(34px,4.6vh,52px)}body.login-page .subtitle{margin-bottom:12px;font-size:16px}body.login-page .input-group input,body.login-page .input-group input::placeholder{font-size:18px}body.login-page .footer-text{margin-top:12px}}@media (max-width:960px){body.login-page{padding:0;display:block}body.login-page .login-shell{height:auto;min-height:100dvh}body.login-page .login-frame{grid-template-rows:260px 1fr;grid-template-columns:1fr}body.login-page .login-panel{padding:24px 20px 28px}body.login-page .login-card h2{margin-top:20px;font-size:clamp(32px,6.5vw,50px)}}@media (max-width:640px){body.login-page{padding:0;display:block}body.login-page .login-shell{width:100%;min-height:100dvh}body.login-page .login-frame{border-radius:0;grid-template-rows:220px 1fr;min-height:100dvh}body.login-page .login-card h2{margin-top:20px}body.login-page .input-group input{height:56px;font-size:18px}body.login-page .login-submit{height:56px;font-size:22px}}