:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #edf2f7;--panel: #ffffff;--panel-muted: #f6f8fb;--text: #111827;--muted: #667085;--line: #dde5ef;--accent: #ff4d00;--accent-dark: #d83d00;--blue: #2563eb;--cyan: #0891b2;--green: #16a34a;--amber: #f59e0b;--red: #ef4444;--violet: #7c3aed;--pink: #db2777;--ink: #111827;--shadow: 0 24px 70px rgba(15, 23, 42, .14)}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 10% 0%,rgba(255,77,0,.12),transparent 28%),radial-gradient(circle at 84% 8%,rgba(37,99,235,.12),transparent 30%),linear-gradient(135deg,#f8fafc 0%,var(--bg) 48%,#f9fafb 100%);color:var(--text)}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(120deg,#111827eb,#111827c7),radial-gradient(circle at 18% 12%,rgba(255,77,0,.42),transparent 30%),radial-gradient(circle at 82% 18%,rgba(37,99,235,.36),transparent 34%),linear-gradient(135deg,#111827,#0f172a)}.login-panel,.auth-loading{width:min(460px,100%);border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#fffffff5;box-shadow:0 28px 90px #00000047}.login-panel{padding:28px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-brand h1{font-size:32px}.login-form{display:grid;gap:14px}.login-button{width:100%;min-height:46px;margin-top:2px}.remember-login{display:flex;align-items:center;gap:10px;color:#344054;font-size:13px;font-weight:700;cursor:pointer}.remember-login input{width:18px;height:18px;accent-color:var(--accent)}.auth-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:96px;color:var(--muted);font-weight:800}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:24px 18px;background:linear-gradient(180deg,#111827,#171717 54%,#0b1220);color:#fff}.mobile-menu-button{display:none}.brand{display:flex;align-items:center;gap:12px;padding:6px 6px 18px;border-bottom:1px solid rgba(255,255,255,.14)}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#ff4d00,#2563eb);box-shadow:0 12px 26px #ff4d0047}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span,.topbar-brand span,.sidebar-footer span{color:#b7c1cc;font-size:12px}nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:8px;color:#d9e2ec;background:transparent;cursor:pointer}.nav-heading{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;color:#fff;font-weight:700}.nav-item.muted{cursor:default;opacity:.72}.nav-item.active,.nav-item:hover{color:#fff;background:linear-gradient(90deg,#ff4d003d,#2563eb2e);box-shadow:inset 3px 0 #ff4d00}.nav-item.muted:hover{color:#d9e2ec;background:transparent;box-shadow:none}.sidebar-footer{display:grid;gap:12px;margin-top:auto;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-user-avatar{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:8px;color:#fff;background:#ffffff1f}.sidebar-user div:last-child{min-width:0}.sidebar-user strong{display:block;overflow:hidden;color:#fff;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;background:#ffffff14;font-weight:800;cursor:pointer}.sidebar-logout:hover{border-color:#ff4d0075;background:#ff4d0033}.workspace{width:min(1320px,100%);min-width:0;margin:0 auto;padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:16px;border:1px solid rgba(221,229,239,.85);border-radius:8px;background:#ffffffb8;box-shadow:0 18px 48px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-brand{display:flex;align-items:center;gap:14px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:0;text-transform:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:0}h2{margin-bottom:0;font-size:20px}h3{margin-bottom:12px;font-size:15px}.topbar-actions,.quick-actions,.field-row,.profile-actions,.form-actions{display:flex;align-items:center;gap:10px}.primary-button,.secondary-button,.action-link,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-weight:700;cursor:pointer;text-decoration:none}.primary-button{color:#fff;background:linear-gradient(135deg,#ff4d00,#e11d48);box-shadow:0 12px 26px #ff4d0038}.primary-button:hover{background:linear-gradient(135deg,#d83d00,#be123c)}.primary-button:disabled{opacity:.68;cursor:wait}.secondary-button,.action-link,.icon-button{color:var(--text);background:#ffffffdb;border-color:var(--line)}.secondary-button:hover,.action-link:hover,.icon-button:hover{border-color:#ff4d0057;box-shadow:0 10px 24px #0f172a14}.action-link.whatsapp{color:#0f5132;border-color:#16a34a42;background:#ecfdf5}.action-link.disabled{opacity:.48;pointer-events:none}.compact{min-height:34px;padding-inline:12px}.icon-button{width:40px;padding:0}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;padding:8px;border:1px solid rgba(221,229,239,.9);border-radius:8px;background:#ffffffc7;box-shadow:0 12px 32px #0f172a12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:58px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:none;text-align:left}.metric-icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:8px;background:#f1f5f9}.metric>div:last-child{display:grid;min-width:0;gap:2px}.metric span{overflow:hidden;color:var(--muted);font-size:12px;font-weight:700;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.metric strong{display:block;color:var(--ink);font-size:20px;line-height:1}.metric.blue .metric-icon{color:var(--blue);background:#dbeafe}.metric.cyan .metric-icon{color:var(--cyan);background:#cffafe}.metric.green .metric-icon{color:var(--green);background:#dcfce7}.metric.amber .metric-icon{color:#b45309;background:#fef3c7}.metric.red .metric-icon{color:var(--red);background:#fee2e2}.metric.violet .metric-icon{color:var(--violet);background:#ede9fe}.lead-view-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 4px;padding-bottom:12px;border-bottom:1px solid var(--line)}.filter-chip{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;color:#344054;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.filter-chip.active,.filter-chip:hover{color:#d83d00;border-color:#ff4d0057;background:#fff7ed;box-shadow:0 8px 18px #0f172a0f}.lead-board{display:block}.lead-list-panel,.detail-panel,.lead-form{border:1px solid var(--line);border-radius:8px;background:#ffffffeb;box-shadow:0 18px 48px #0f172a17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lead-list-panel{min-width:0;padding:18px}.panel-header,.detail-header,.form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.filters{display:flex;align-items:center;gap:0;margin:18px 0;padding:6px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5),#fff;box-shadow:inset 0 1px #fffc,0 12px 26px #0f172a0f}.search-box{display:flex;align-items:center;flex:1;gap:10px;min-width:0;height:44px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.search-box input{min-width:0;width:100%;height:100%;border:0;background:transparent;outline:0}.filters>select{width:auto;min-width:138px;height:40px;margin-left:6px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:#344054;font-weight:700}.filters>select:last-child{min-width:116px}select,input,textarea{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);outline:none}select,input{height:42px;padding:0 12px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}textarea{min-height:74px;padding:12px;resize:vertical}input:focus,select:focus,textarea:focus,.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #ff4d0024}.filters:focus-within{border-color:#ff4d0073;box-shadow:0 0 0 3px #ff4d001f,0 16px 30px #0f172a14}.filters .search-box:focus-within,.filters>select:focus{box-shadow:none}.lead-list{display:grid;gap:10px}.lead-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,#fff,#f8fafceb),#fff;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.lead-card:hover,.lead-card.active,.lead-card:focus-visible{transform:translateY(-1px);border-color:#ff4d006b;background:linear-gradient(90deg,#fff7edf2,#eff6ffe6),#fff;box-shadow:0 16px 30px #0f172a1a}.lead-card-actions{display:flex;align-items:center;gap:8px}.quick-contact{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#344054;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.quick-contact:hover{border-color:#ff4d0057;box-shadow:0 8px 18px #0f172a14}.quick-contact.whatsapp{color:#0f5132;border-color:#16a34a3d;background:#ecfdf5}.quick-contact.disabled{opacity:.48;pointer-events:none}.priority-dot{width:10px;height:10px;margin-top:6px;border-radius:999px}.priority-dot.hot{background:var(--red)}.priority-dot.warm{background:var(--amber)}.priority-dot.cold{background:var(--blue)}.lead-card-main{min-width:0}.lead-card-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.lead-card-top strong{min-width:0;overflow-wrap:anywhere;line-height:1.25}.lead-card-main p{margin:5px 0 10px;color:var(--muted)}.lead-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px}.lead-meta span{display:inline-flex;align-items:center;gap:5px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:74px;padding:0 10px;border-radius:999px;color:#334155;background:#eef2f7;font-size:12px;font-weight:800;line-height:1;text-align:center;white-space:nowrap}.status-pill.new{color:#1d4ed8;background:#dbeafe}.status-pill.contacted{color:#0e7490;background:#cffafe}.status-pill.follow_up{color:#be123c;background:#ffe4e6}.status-pill.test_ride,.status-pill.quotation,.status-pill.booking{color:#854d0e;background:#fef3c7}.status-pill.test_ride{color:#6d28d9;background:#ede9fe}.status-pill.booking{color:#c2410c;background:#ffedd5}.status-pill.converted{color:#166534;background:#dcfce7}.status-pill.lost{color:#991b1b;background:#fee2e2}.detail-panel{width:min(520px,calc(100vw - 28px));height:calc(100vh - 28px);overflow:auto;padding:18px;animation:drawer-in .18s ease-out}.quick-actions{margin:18px 0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-card{min-height:72px;padding:12px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fafc)}.info-card span,.notes-block span,.field span,.textarea-field span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.info-card strong{overflow-wrap:anywhere}.notes-block{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:8px}.notes-block p{margin-bottom:0;color:#344054}.activity-form{display:grid;gap:10px;margin:14px 0}.activity-form .field-row{align-items:stretch}.activity-form select{flex:1}.timeline{margin-top:12px}.timeline-item{padding:12px 0 12px 14px;border-left:2px solid var(--line)}.timeline-item span{color:var(--accent);font-size:12px;font-weight:800;text-transform:none}.timeline-item p{margin:4px 0}.timeline-item time{color:var(--muted);font-size:12px}.reminder-strip{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px;border-radius:8px;color:#7f1d1d;background:linear-gradient(90deg,#fff7ed,#fee2e2)}.reminder-strip strong{font-size:24px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#0f172a8a;overflow:hidden;overscroll-behavior:contain}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;justify-content:flex-end;padding:14px;background:#0f172a47}@keyframes drawer-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.lead-form{position:relative;display:flex;flex-direction:column;width:min(1280px,calc(100vw - 36px));height:min(820px,calc(100vh - 36px));overflow-x:hidden;overflow-y:auto;padding:22px;box-shadow:var(--shadow);scrollbar-gutter:stable;overscroll-behavior:contain}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 12px}.form-sections{display:grid;gap:12px;margin:16px 0 12px}.form-row{display:grid;gap:12px}.form-row.four,.form-row.three,.form-row.one{grid-template-columns:repeat(4,minmax(0,1fr))}.field,.textarea-field{display:grid;gap:6px}.textarea-field{margin-bottom:10px}.textarea-field textarea{min-height:112px}.form-actions{justify-content:flex-end;margin-top:auto;padding-top:12px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#fff}.form-close-button{flex:0 0 auto}.empty-state,.error-box{padding:18px;border-radius:8px;color:var(--muted);background:var(--panel-muted)}.error-box{color:#991b1b;background:#fff1f2}@media (max-width: 1180px){.app{grid-template-columns:84px minmax(0,1fr)}.brand div:last-child,.nav-heading,.nav-item{font-size:0}.nav-heading,.nav-item{justify-content:center}.sidebar-footer{padding:8px}.sidebar-user{justify-content:center}.sidebar-user div:last-child{display:none}.sidebar-logout{width:38px;padding:0;font-size:0}.metrics-grid{grid-template-columns:repeat(5,minmax(132px,1fr));overflow-x:auto;scrollbar-width:thin}}@media (max-width: 760px){body{min-width:0}.app{display:block;width:100%;overflow-x:hidden}.sidebar{position:sticky;top:0;z-index:10;flex-direction:row;align-items:center;justify-content:space-between;height:auto;overflow:visible;max-width:100vw;padding:10px}.sidebar.mobile-menu-open{display:grid;grid-template-columns:minmax(0,1fr) auto}.brand{flex:0 0 auto;grid-column:1;border-bottom:0;padding:0}.brand div:last-child{display:block;font-size:initial}.brand strong{font-size:14px}.brand span{font-size:11px}.brand-mark{width:40px;height:40px}.mobile-menu-button{display:inline-grid;grid-column:2;width:42px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;background:#ffffff14;cursor:pointer}nav{display:none}.sidebar-footer{display:none}.sidebar.mobile-menu-open nav,.sidebar.mobile-menu-open .sidebar-footer{grid-column:1 / -1;display:grid;border:1px solid rgba(255,255,255,.12);background:#111827;box-shadow:0 24px 70px #00000047}.sidebar.mobile-menu-open nav{gap:6px;margin-top:10px;padding:10px;border-radius:8px 8px 0 0}.sidebar.mobile-menu-open .sidebar-footer{gap:12px;padding:12px;border-top:0;border-radius:0 0 8px 8px}.sidebar.mobile-menu-open .nav-item,.sidebar.mobile-menu-open .nav-heading{flex:none;justify-content:flex-start;width:100%;min-height:40px;padding:0 12px;font-size:14px}.sidebar.mobile-menu-open .sidebar-user{justify-content:flex-start}.sidebar.mobile-menu-open .sidebar-user div:last-child{display:block}.sidebar.mobile-menu-open .sidebar-logout{width:100%;min-height:40px;padding:0 12px;font-size:14px}.workspace{width:100%;padding:12px}.topbar,.panel-header,.detail-header,.form-header{align-items:stretch;flex-direction:column}.topbar{margin-bottom:14px;padding:12px}.topbar-brand{min-width:0}h1{font-size:24px}.lead-list-panel{padding:12px}.topbar-actions{width:100%;flex-wrap:wrap}.topbar-actions .secondary-button,.topbar-actions .primary-button{flex:1}.metrics-grid{grid-template-columns:repeat(5,minmax(132px,1fr));margin-bottom:12px;padding:6px}.metric{min-height:54px;padding:8px 10px}.metric span{font-size:11px}.metric strong{font-size:19px}.info-grid{grid-template-columns:1fr}.lead-view-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.filter-chip{flex:0 0 auto}.filters{align-items:stretch;flex-direction:column;gap:6px}.filters>select{width:100%;margin-left:0;border:0;border-top:1px solid var(--line)}.form-grid,.form-row.four,.form-row.three{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-meta,.lead-card-actions,.quick-actions,.profile-actions,.form-actions{align-items:stretch;flex-direction:column}.form-header{position:relative;padding-right:48px}.profile-actions{padding-right:0}.profile-actions .form-close-button{position:absolute;top:0;right:0;z-index:3}.lead-card-top{grid-template-columns:1fr;gap:8px}.status-pill{justify-self:start}.lead-card{grid-template-columns:auto minmax(0,1fr)}.lead-card-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}.quick-contact{flex:1 1 120px}.lead-card-chevron{display:none}.modal-backdrop{padding:12px;place-items:start center;overflow:hidden}.lead-form{width:calc(100vw - 24px);height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;padding:14px;padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px))}.form-grid,.form-row.four,.form-row.three,.form-row.one{grid-template-columns:1fr}.form-actions{padding:12px 0 max(24px,calc(env(safe-area-inset-bottom) + 24px))}}@media (max-width: 520px){.login-shell{align-items:stretch;padding:14px}.login-panel{align-self:center;padding:20px}.login-brand h1{font-size:28px}}