:root{color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1d2433;--muted:#667085;--line:#dde3ed;--surface:#fff;--soft:#eef3f8;--nav:#182131;--nav-hover:#253449;--teal:#0f766e;--coral:#e25d4d;--amber:#b7791f;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.loading-screen,.login-page{background:linear-gradient(135deg,#0f766e1f,#0000 42%),linear-gradient(315deg,#e25d4d1f,#0000 38%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.loader{border:3px solid #cdd6e3;border-top-color:var(--teal);border-radius:999px;width:18px;height:18px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(460px,100%);padding:28px;box-shadow:0 20px 60px #1821311a}.brand-lockup,.sidebar-brand,.section-heading,.topbar,.access-badge,.ghost-action,.primary-action,.secondary-action,.add-page-form{align-items:center;display:flex}.brand-lockup{gap:14px;margin-bottom:28px}.brand-mark{color:#fff;background:var(--nav);border-radius:8px;place-items:center;width:54px;height:54px;display:inline-grid}.brand-lockup h1,.topbar h1,.workspace-hero h2,.section-heading h2,.empty-state h2{letter-spacing:0;margin:0}.brand-lockup p,.workspace-hero p,.empty-state p,.section-heading p{color:var(--muted);margin:0}.login-form{gap:16px;display:grid}.login-form label{color:#344054;gap:7px;font-size:.92rem;font-weight:700;display:grid}.login-form input,.add-page-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:11px 12px}.login-form input:focus,.add-page-form input:focus{border-color:var(--teal);outline:2px solid #0f766e38}.password-field{display:block;position:relative}.password-field input{padding-right:44px}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.icon-button:hover{color:var(--ink);background:var(--soft)}.form-error{color:#9f2a1f;background:#fff0ed;border-radius:6px;margin:0;padding:10px 12px;font-weight:700}.primary-action,.secondary-action,.ghost-action{border-radius:6px;justify-content:center;gap:8px;font-weight:800}.primary-action{color:#fff;background:var(--teal);border:0;min-height:44px}.primary-action:hover{background:#115e59}.primary-action.compact,.secondary-action{min-height:38px;padding:0 13px}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#fff}.danger-action{color:#9f2a1f}.ghost-action{color:#fff;background:0 0;border:1px solid #ffffff29;width:100%;padding:10px}.ghost-action:hover{background:var(--nav-hover)}.demo-accounts{color:var(--muted);gap:6px;margin-top:20px;font-size:.82rem;display:grid}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--nav);flex-direction:column;min-height:100vh;padding:18px;display:flex}.sidebar-brand{gap:12px;padding:12px 10px 24px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#aeb8c8;font-size:.84rem}.side-nav{gap:6px;display:grid}.side-link{color:#dbe4f0;border-radius:6px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.side-link:hover,.side-link.active{color:#fff;background:var(--nav-hover)}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.main-panel{background:#f5f7fb;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;gap:18px;min-height:92px;padding:18px 28px}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:900}.user-chip{border:1px solid var(--line);text-align:right;background:#fbfcfe;border-radius:8px;gap:2px;padding:9px 12px;display:grid}.user-chip span{font-weight:900}.user-chip strong{color:var(--muted);font-size:.82rem}.workspace{gap:22px;padding:28px;display:grid}.workspace-hero,.records-section,.permission-section,.empty-state{border:1px solid var(--line);background:var(--surface);border-radius:8px}.workspace-hero{justify-content:space-between;gap:24px;padding:24px;display:flex}.workspace-hero h2{font-size:clamp(1.6rem,2.4vw,2.25rem)}.workspace-hero p{max-width:780px;margin-top:9px}.access-badge{color:#0f5132;background:#dcfce7;border-radius:999px;flex:none;align-self:flex-start;gap:8px;padding:9px 12px;font-weight:900}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:18px;display:grid}.metric-card svg{color:var(--teal)}.metric-card span{color:var(--muted);font-weight:700}.metric-card strong{font-size:2rem;line-height:1}.records-section,.permission-section{padding:20px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:16px}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notice{border-radius:8px;padding:12px 14px;font-weight:800}.notice-error{color:#9f2a1f;background:#fff0ed}.notice-success{color:#0f5132;background:#dcfce7}.filter-bar{grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(180px,1fr)) minmax(110px,.45fr);gap:12px;margin-bottom:16px;display:grid}.field{color:#344054;gap:7px;font-size:.9rem;font-weight:800;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#fff;border-radius:6px;padding:9px 10px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);outline:2px solid #0f766e38}.input-with-icon{display:block;position:relative}.input-with-icon svg{color:var(--muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-with-icon input{padding-left:34px}.deleted-toggle{align-content:end}.deleted-toggle span,.deleted-toggle{align-items:center;gap:7px;display:flex}.table-wrap,.permission-table-wrap{border:1px solid var(--line);border-radius:8px;width:100%;overflow-x:auto}.records-table,.permission-table{border-collapse:collapse;width:100%;min-width:720px}.leads-table{min-width:1180px}.records-table th,.records-table td,.permission-table th,.permission-table td{border-bottom:1px solid var(--line);text-align:left;padding:13px 14px}.records-table th,.permission-table th{color:#475467;text-transform:uppercase;background:#f8fafc;font-size:.82rem}.records-table tr:last-child td,.permission-table tr:last-child td{border-bottom:0}.records-table tbody tr{cursor:pointer}.records-table tbody tr:hover td,.selected-row td{background:#f0fdfa}.status-chip{color:#115e59;white-space:nowrap;background:#ccfbf1;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-weight:900;display:inline-flex}.notes-cell{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.table-icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--teal);background:#fff;border-radius:6px;place-items:center;display:inline-grid}.table-icon-button:hover{background:#ecfdf5;border-color:#0f766e66}.inline-edit-row td,.lead-detail-row td{cursor:default;background:#fbfcfe}.lead-view-panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px;box-shadow:0 12px 28px #18213114}.lead-view-grid{grid-template-columns:repeat(4,minmax(170px,1fr))}.inline-edit-panel{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;padding:14px;display:grid;box-shadow:0 12px 28px #18213114}.readonly-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.readonly-grid span{color:var(--muted);gap:3px;font-size:.88rem;display:grid}.readonly-grid strong{color:var(--ink);text-transform:uppercase;font-size:.78rem}.inline-form-grid{grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px;display:grid}.inline-edit-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.lead-detail-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);align-items:start;gap:22px;display:grid}.lead-form,.history-panel{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.full-span{grid-column:1/-1}.note-box{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;gap:10px;padding:12px;display:grid}.history-list{gap:10px;margin-top:14px;display:grid}.history-item{border:1px solid var(--line);background:#fff;border-radius:8px;gap:4px;padding:12px;display:grid}.history-item strong{text-transform:capitalize}.history-item span,.history-item small,.muted-copy{color:var(--muted)}.history-item p{margin:0}.priority{border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:900;display:inline-flex}.priority-high{color:#9f2a1f;background:#fff0ed}.priority-medium{color:var(--amber);background:#fff7df}.add-page-form{border:1px solid var(--line);background:#fbfcfe;border-radius:8px;gap:10px;margin-bottom:16px;padding:12px}.permission-table td:first-child strong,.permission-table td:first-child span{display:block}.permission-table td:first-child span{color:var(--muted);font-size:.82rem}.permission-toggle{color:#344054;align-items:center;gap:6px;margin-right:12px;font-weight:800;display:inline-flex}.permission-toggle input{width:16px;height:16px;accent-color:var(--teal)}.empty-state{color:var(--muted);text-align:center;justify-items:center;gap:9px;margin:28px;padding:60px 24px;display:grid}.empty-state h2{color:var(--ink)}.status-pill{color:var(--teal);background:#e6fffb;border-radius:999px;margin-top:4px;padding:6px 10px;font-weight:900;display:inline-flex}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.side-nav{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.sidebar-footer{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.topbar,.workspace-hero,.section-heading,.add-page-form{flex-direction:column;align-items:stretch}.workspace{padding:16px}.metric-grid,.sidebar-footer{grid-template-columns:1fr}.user-chip{text-align:left}}