:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7f8;color:#14211f;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,strong{font-weight:500}button{border:0;cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eff5f1,#f8f4eb)}.login-panel{width:min(420px,100%);background:#fff;border:1px solid #dfe6e2;border-radius:8px;padding:28px;box-shadow:0 24px 70px #1626231f}.brand-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#17463e;color:#fff;font-size:13px;font-weight:500}.login-panel h1,.topbar h1,.toolbar h2,.detail h2{margin:8px 0 3px;letter-spacing:0}.login-panel h1,.topbar h1{font-size:1.2rem}.toolbar h2,.detail h2{font-size:1.15rem}.login-form,.filters,.call-form,.note-form{display:grid;gap:12px}.filter-product-box{display:block}label{display:grid;gap:6px;color:#52625d;font-size:12px}input,select,textarea{width:100%;border:1px solid #cfdad5;border-radius:6px;background:#fff;color:#14211f;padding:8px 10px;min-height:34px}textarea{resize:vertical;min-height:86px}.note-form textarea{min-height:140px}button{min-height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;background:#17463e;color:#fff;font-size:12px;font-weight:500}button:disabled{opacity:.65;cursor:not-allowed}.ghost-button{background:#e8eeeb;color:#17463e}.error{margin:0;color:#a32929;font-size:14px}.error.inline{margin-bottom:12px}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.topbar{border-bottom:1px solid #dce5e1;background:#fff;padding:10px 14px;display:grid;grid-template-columns:auto max-content minmax(220px,260px) max-content 1fr auto;align-items:center;gap:10px}.topbar-brand{display:flex;gap:12px;align-items:center;min-width:210px}.topbar p,.detail-header p,.lead-card p,.lead-card small,.lead-card span,.timeline-item small{margin:0;color:#60716b}.metric-grid{display:flex;align-items:center;gap:6px}.metric{border:1px solid #dfe6e2;border-radius:6px;padding:5px 7px;display:inline-flex;gap:5px;align-items:center;min-height:30px}.metric svg{color:#d27a2c;width:14px;height:14px}.metric span{color:#60716b;font-size:11px}.metric strong{font-size:12px}.view-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-width:220px}.view-tabs button{background:#eef2f0;color:#17463e}.view-tabs button.selected{background:#17463e;color:#fff}.topbar .filters{grid-column:1 / -1;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.7fr) minmax(130px,.7fr) minmax(190px,1fr) auto;gap:8px;align-items:center}.header-actions{display:inline-flex;align-items:center;gap:6px}.topbar .filters label{gap:0}.topbar .filters button,.topbar>.ghost-button,.header-actions button{white-space:nowrap}.logout-button{justify-self:end;grid-column:6;grid-row:1}.search-box,.combo-box{position:relative;display:block}.combo-box input{padding-right:38px}.combo-toggle{position:absolute;top:1px;right:1px;width:32px;min-height:32px;padding:0;border-radius:0 5px 5px 0;background:#eef2f0;color:#17463e}.combo-options{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow:auto;border:1px solid #cfdad5;border-radius:6px;background:#fff;box-shadow:0 12px 28px #1626231f}.combo-options button{width:100%;min-height:30px;justify-content:flex-start;border-radius:0;background:#fff;color:#14211f;padding:7px 9px;text-align:left}.combo-options button:hover{background:#eef2f0}.search-box svg{position:absolute;left:10px;top:9px;color:#60716b}.search-box input{padding-left:34px}.lead-list{padding:16px;border-right:1px solid #dce5e1;overflow:auto;max-height:calc(100vh - 104px);width:var(--list-width);min-width:320px;max-width:760px}.workspace{display:grid;grid-template-columns:var(--list-width) 8px minmax(0,1fr);min-height:0;overflow:hidden}.products-workspace{display:block}.products-workspace .lead-list{width:auto;max-width:none;max-height:calc(100vh - 104px)}.pane-resizer{width:8px;min-height:100%;padding:0;border-radius:0;background:#eef2f0;cursor:col-resize}.pane-resizer:hover{background:#d7e0dc}.toolbar,.detail-header,.contact-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar{position:relative;justify-content:center;min-height:34px;margin-bottom:10px;text-align:center}.toolbar button{position:absolute;right:0}.call-entry{margin-bottom:10px}.wide-action{width:auto;background:#d27a2c}.call-form{margin-top:10px;padding:10px;border:1px solid #dfe6e2;border-radius:8px;background:#fff}.cards{display:grid;gap:8px}.paid-table,.product-table{display:grid;gap:10px}.paid-row,.product-row{display:grid;grid-template-columns:1.15fr 1.1fr .7fr auto auto;gap:10px;align-items:center;background:#fff;color:#14211f;border:1px solid #dfe6e2;border-radius:8px;padding:10px;text-align:left;width:100%}.paid-row.active{border-color:#17463e;box-shadow:inset 3px 0 #17463e}.paid-row strong,.paid-row span,.product-row strong,.product-row span{display:block}.paid-row span,.paid-row small,.product-row span,.product-row small,.muted-empty{color:#60716b}.product-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px}.product-row{grid-template-columns:1.4fr 1fr auto auto}.product-price{text-align:right}.product-type{display:inline-flex;justify-content:center;border-radius:999px;background:#eef2f0;color:#17463e;padding:4px 8px;font-size:11px;white-space:nowrap}.product-type.package{background:#fff2e5;color:#9a5a1e}.lead-card{width:100%;display:grid;grid-template-columns:1fr auto;align-items:start;gap:6px;text-align:left;background:#fff;color:#14211f;border:1px solid #dfe6e2;border-radius:8px;padding:10px;font-size:13px}.lead-card.active{border-color:#17463e;box-shadow:inset 3px 0 #17463e}.lead-card strong{display:block;margin-bottom:3px}.stage{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eef5f1;color:#17463e;padding:4px 8px;font-size:11px;font-weight:500;white-space:nowrap}.detail{padding:16px;overflow:auto;max-height:calc(100vh - 104px);min-width:0}.detail.empty{display:grid;place-items:center;color:#60716b}.contact-row{justify-content:flex-start;flex-wrap:wrap;margin:12px 0}.contact-row span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dfe6e2;border-radius:6px;padding:7px 9px;font-size:12px}.section-block,.note-form{margin-top:12px;background:#fff;border:1px solid #dfe6e2;border-radius:8px;padding:10px}.section-block h3{margin:0 0 8px;font-size:13px}.lead-edit-form,.followup-form{display:grid;gap:10px}.section-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-row h3{margin:0}.followup-list{display:grid;gap:8px}.followup-list article{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #dfe6e2;border-radius:6px;padding:8px}.followup-list strong,.followup-list span{display:block}.followup-list span{color:#60716b}.followup-modal textarea{min-height:104px}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-grid label:nth-child(n+5){grid-column:1 / -1}.lead-edit-form input[readonly]{background:#f4f7f5;color:#60716b}.lead-edit-form button{justify-self:start}.stage-grid,.template-grid{display:flex;flex-wrap:wrap;gap:6px}.stage-grid button,.template-grid button{background:#eef2f0;color:#17463e}.stage-grid button.selected{background:#17463e;color:#fff}.timeline{display:grid;gap:10px}.note-list{display:grid;gap:8px}.note-list article{border:1px solid #dfe6e2;border-radius:6px;padding:8px;background:#f8faf9}.note-list p,.note-list small{margin:0}.note-list p{white-space:pre-wrap}.note-list small{display:block;margin-top:5px;color:#60716b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;background:#14211f5c}.timeline-modal{width:min(680px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;border:1px solid #dfe6e2;border-radius:8px;background:#fff;padding:14px;box-shadow:0 24px 70px #16262333}.modal-header{position:sticky;top:-14px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:-14px -14px 12px;padding:12px 14px;border-bottom:1px solid #dfe6e2;background:#fff}.modal-header h3,.modal-header p{margin:0}.modal-header h3{font-size:15px}.modal-header p{color:#60716b;font-size:12px}.paid-mini-list{display:grid;gap:10px}.paid-mini-list article{display:flex;justify-content:space-between;gap:10px;border:1px solid #dfe6e2;border-radius:6px;padding:8px}.paid-mini-list span{color:#60716b}.timeline-item{border-left:2px solid #d27a2c;padding-left:8px}.timeline-item strong,.timeline-item p{display:block;margin:0 0 4px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.topbar{grid-template-columns:1fr 1fr;align-items:stretch}.topbar-brand,.metric-grid,.view-tabs,.header-actions,.topbar .filters,.topbar>.ghost-button{min-width:0}.topbar .filters{grid-column:1 / -1;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(130px,.65fr)) auto}.logout-button{justify-self:end;grid-column:auto;grid-row:auto}.workspace{grid-template-columns:minmax(300px,42vw) 8px minmax(0,1fr)}.lead-list{width:auto}}@media (max-width: 760px){.topbar,.topbar .filters,.workspace{grid-template-columns:1fr}.lead-list,.detail{width:auto;max-width:none;max-height:none}.pane-resizer{display:none}.paid-row,.product-row,.product-search{grid-template-columns:1fr}.product-price{text-align:left}.edit-grid{grid-template-columns:1fr}.section-row,.followup-list article{display:grid}.edit-grid label:nth-child(n+5){grid-column:auto}.paid-mini-list article{display:grid}}