:root{--bg:#f5f7fb;--bg-soft:#eef4ff;--panel:#ffffff;--panel-subtle:#f8fafc;--line:#e5e7eb;--line-strong:#d1d5db;--text:#111827;--muted:#667085;--muted-2:#98a2b3;--brand:#2563eb;--brand-dark:#1d4ed8;--brand-soft:#dbeafe;--brand-ink:#1e3a8a;--shadow:0 14px 40px rgba(15,23,42,0.08);--shadow-soft:0 8px 24px rgba(15,23,42,0.06);--radius:18px;--radius-sm:12px;--danger:#b42318;--danger-bg:#fee4e2;--warn:#b54708;--warn-bg:#fef0c7;--ok:#067647;--ok-bg:#dcfae6;--purple:#6941c6;--purple-bg:#ebe9fe;--orange:#c2410c;--orange-bg:#ffedd5;--yellow:#854d0e;--yellow-bg:#fef9c3}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at top left,rgba(37,99,235,.08),transparent 34rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;letter-spacing:0}a{color:inherit;text-decoration:none}.button,button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:10px;color:white;cursor:pointer;display:inline-flex;font:inherit;font-weight:750;gap:8px;justify-content:center;min-height:42px;padding:10px 15px;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.button:hover,button:hover{background:var(--brand-dark);box-shadow:0 8px 18px rgba(37,99,235,.2);transform:translateY(-1px)}.button.ghost,.button.secondary,button.ghost,button.secondary{background:white;border-color:var(--line);color:#344054}.button.ghost:hover,.button.secondary:hover,button.ghost:hover,button.secondary:hover{background:#f9fafb;box-shadow:var(--shadow-soft)}.button.disabled,button:disabled{cursor:not-allowed;opacity:.55;transform:none}input,select,textarea{background:white;border:1px solid var(--line);border-radius:12px;color:var(--text);font:inherit;min-height:44px;outline:none;padding:10px 12px;transition:border .16s ease,box-shadow .16s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.12)}textarea{resize:vertical}.app-shell,.shell{min-height:100vh}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr)}.sidebar{background:rgba(255,255,255,.9);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:22px;padding:22px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand-block{align-items:center;display:flex;gap:12px;padding:6px 6px 14px}.brand-mark{align-items:center;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:14px;color:white;display:inline-flex;flex:0 0 auto;height:44px;justify-content:center;width:44px;box-shadow:0 10px 24px rgba(37,99,235,.24)}.brand-title{display:flex;flex-direction:column;gap:2px}.brand-title strong{font-size:14px;line-height:1.15}.brand-title span{color:var(--muted);font-size:12px;font-weight:650}.nav{display:flex;flex-direction:column;gap:6px}.logout,.nav a{align-items:center;background:transparent;border:0;border-radius:12px;color:#344054;display:flex;font-size:14px;font-weight:750;gap:10px;justify-content:flex-start;min-height:42px;padding:10px 12px;width:100%}.logout:hover,.nav a:hover{background:var(--brand-soft);box-shadow:none;color:var(--brand-ink);transform:none}.sidebar-footer{margin-top:auto}.user-card{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:16px;display:flex;gap:10px;padding:12px}.avatar{align-items:center;background:var(--brand-soft);border-radius:999px;color:var(--brand-ink);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:850;height:34px;justify-content:center;width:34px}.user-card strong{display:block;font-size:14px}.user-card span{color:var(--muted);display:block;font-size:12px;margin-top:1px}.main-content{min-width:0}.container{margin:0 auto;max-width:1260px;padding:32px}.page-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.eyebrow{color:var(--brand);font-size:12px;font-weight:850;margin:0 0 8px;text-transform:uppercase}.page-head h1{font-size:32px;letter-spacing:0;line-height:1.12;margin:0 0 7px}.subtle{color:var(--muted);margin:0}.card,.panel{background:rgba(255,255,255,.94);border:1px solid rgba(229,231,235,.9);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:18px;padding:20px}.card h2,.panel h2{align-items:center;display:flex;font-size:18px;gap:9px;margin:0 0 16px}.section-title{align-items:center;display:flex;gap:8px}.grid{grid-gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.grid,.grid-2{display:grid;gap:16px}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px}.field span{color:#344054;font-size:13px;font-weight:750}.field-wide{grid-column:span 2}.form-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.details-panel{padding:0}.details-summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;padding:18px 20px}.details-summary::-webkit-details-marker{display:none}.details-summary span{align-items:center;display:flex;font-size:18px;font-weight:850;gap:9px}.details-summary small{color:var(--muted);font-size:13px;font-weight:650}.details-panel form{border-top:1px solid var(--line);padding:20px}.notice,.toast{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;color:var(--brand-ink);display:none;margin-top:14px;padding:13px 14px}.notice.show,.toast.show{display:block}.notice a,.toast a{color:var(--brand-ink);font-weight:850;text-decoration:underline}.sticky-panel{position:-webkit-sticky;position:sticky;top:0;z-index:5}.table-wrap{overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}td,th{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:middle}th{background:white;color:#667085;font-size:12px;font-weight:850;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}tr.clickable-row{cursor:pointer}tr.clickable-row:hover td{background:#f8fbff}tr.row-overdue td{background:#fff7f7}.customer-cell{display:flex;flex-direction:column;gap:4px}.customer-cell a{color:#111827;font-weight:850}.cell-muted{color:var(--muted);font-size:13px}.pill,.status,.type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:850;gap:5px;padding:5px 9px;white-space:nowrap}.type-badge{background:#f2f4f7;color:#344054}.new-lead,.quote-ready{background:var(--brand-soft);color:var(--brand-ink)}.quote-started{background:var(--purple-bg);color:var(--purple)}.quote-sent{background:var(--orange-bg);color:var(--orange)}.follow-up-needed,.missing-info{background:var(--yellow-bg);color:var(--yellow)}.sold{background:var(--ok-bg);color:var(--ok)}.lost,.not-interested{background:var(--danger-bg);color:var(--danger)}.cards{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:18px}.kpi .kpi-icon{align-items:center;background:var(--brand-soft);border-radius:12px;color:var(--brand);display:inline-flex;height:36px;justify-content:center;margin-bottom:12px;width:36px}.kpi strong{display:block;font-size:30px;line-height:1.1}.kpi span{color:var(--muted);display:block;font-size:13px;font-weight:750;margin-top:5px}.dashboard-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1.2fr .8fr;margin-top:18px}.follow-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.follow-card-list{display:grid;grid-gap:12px;gap:12px}.follow-card{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 12px rgba(15,23,42,.04);display:grid;grid-gap:10px;gap:10px;padding:14px}.follow-card.overdue{border-color:#fca5a5;box-shadow:0 8px 20px rgba(180,35,24,.08)}.follow-card.overdue h3{color:var(--danger)}.follow-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.follow-card h3{font-size:16px;margin:0 0 4px}.follow-meta{color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.danger-text{color:var(--danger)}.empty{align-items:center;background:#f8fafc;border:1px dashed var(--line-strong);border-radius:16px;color:var(--muted);display:flex;gap:10px;margin:8px 0;padding:18px}.profile-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.profile-grid aside{align-self:start;position:-webkit-sticky;position:sticky;top:18px}.action-panel{border-color:#bfdbfe}.profile-hero{background:linear-gradient(135deg,#ffffff,#eff6ff);border:1px solid #dbeafe;border-radius:24px;box-shadow:var(--shadow);margin-bottom:18px;padding:24px}.profile-hero-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.profile-title{align-items:center;display:flex;gap:14px}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.facts{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}.fact{background:rgba(255,255,255,.68);border:1px solid rgba(219,234,254,.9);border-radius:14px;padding:12px}.fact span{color:var(--muted);display:block;font-size:12px;font-weight:800;margin-bottom:5px;text-transform:uppercase}.fact strong{word-break:break-word}.timeline{display:flex;flex-direction:column;gap:16px}.activity-day{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.activity{align-items:flex-start;display:grid;grid-gap:12px;gap:12px;grid-template-columns:36px 1fr}.activity-icon{align-items:center;background:var(--brand-soft);border-radius:999px;color:var(--brand);display:flex;height:36px;justify-content:center;width:36px}.activity-body{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:13px 14px}.activity-meta{color:var(--muted);font-size:12px;margin-bottom:5px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.icon-button{align-items:center;background:white;border:1px solid var(--line);border-radius:10px;color:#344054;display:inline-flex;height:36px;justify-content:center;min-height:36px;padding:0;width:36px}.login-page{align-items:center;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(14,165,233,.08)),#f8fafc;display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:100vh;padding:48px}.login-intro{max-width:620px;padding:24px}.login-intro h1{font-size:52px;letter-spacing:0;line-height:1.02;margin:22px 0 14px}.login-intro p{color:#475467;font-size:18px;line-height:1.6;margin:0}.login-card{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:var(--shadow);padding:28px;width:100%}.login-card h2{font-size:26px;margin:0 0 6px}.remember-row{align-items:center;color:var(--muted);display:flex;justify-content:space-between;margin-top:14px}.remember-row label{align-items:center;display:flex;gap:8px}.remember-row input{min-height:auto;width:auto}.inline-form{align-items:center;display:flex;gap:8px}.inline-form input{min-width:160px}.skeleton{animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f2f4f7,#e5e7eb,#f2f4f7);background-size:200% 100%;border-radius:12px;height:18px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{flex-direction:row;flex-wrap:wrap}.sidebar-footer{margin-top:0}.dashboard-grid,.login-page,.profile-grid{grid-template-columns:1fr}.profile-grid aside{order:-1;position:static}.login-intro{padding:0}}@media (max-width:760px){.container{padding:22px 16px}.cards,.facts,.follow-grid,.grid,.grid-2{grid-template-columns:1fr}.field-wide{grid-column:span 1}.details-summary,.page-head,.profile-hero-top{align-items:stretch;flex-direction:column}.form-actions,.profile-actions{justify-content:stretch}.form-actions .button,.form-actions button,.profile-actions .button{width:100%}.login-page{padding:24px 16px}.login-intro h1{font-size:36px}}