:root{color-scheme:dark;--bg:#0a1020;--panel:#111b30;--panel2:#17243d;--line:#263752;--text:#eef3ff;--muted:#9eacc4;--blue:#69a8ff;--green:#57d4ad;--amber:#f1b85b;--violet:#b19aff;--red:#ff7e8a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -18%,#183968 0,transparent 42%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;border-radius:10px;padding:10px 14px;transition:filter .15s,transform .15s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}.hidden{display:none!important}.shell{max-width:1580px;margin:auto;padding:0 30px 22px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand,.top-actions,.board-actions,.metric-top{display:flex;align-items:center;gap:13px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#6aa9ff,#5577ed);font-size:21px;font-weight:800;color:#081127;box-shadow:0 8px 28px #457df43d}.brand-mark.small{width:34px;height:34px;border-radius:11px;font-size:16px}.brand strong{display:block;font-size:15px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.muted{color:var(--muted)}.tiny{font-size:12px}.icon-button,.quiet{background:transparent;border:1px solid var(--line);color:var(--muted)}.icon-button{font-size:21px;width:40px;height:40px;padding:0}.primary{background:linear-gradient(135deg,#6eaaff,#7285ff);color:#071329;font-weight:700}.secondary{background:#1a2c48;border:1px solid #2e4568;color:#e8f2ff}.full{width:100%;margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:23px 0 35px}.metric-card{min-height:134px;background:linear-gradient(155deg,#14213a,#10192b);border:1px solid #ffffff12;border-radius:16px;padding:17px 19px;box-shadow:0 12px 32px #0002}.metric-top{justify-content:space-between;color:#c5d0e3;font-size:13px}.metric-icon{height:29px;width:29px;border-radius:9px;display:grid;place-items:center;font-weight:800}.metric-icon.blue{background:#69a8ff20;color:var(--blue)}.metric-icon.violet{background:#b19aff20;color:var(--violet)}.metric-icon.green{background:#57d4ad20;color:var(--green)}.metric-icon.amber{background:#f1b85b20;color:var(--amber)}.metric-card strong{display:block;font-size:31px;letter-spacing:-.04em;margin:9px 0 2px}.metric-card small{font-size:11px;color:var(--muted)}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 16px}.eyebrow{font-size:10px;letter-spacing:.14em;color:#8dbbff;font-weight:800;margin:0 0 6px}.board-heading h1{font-size:24px;margin:0 0 6px;letter-spacing:-.03em}.board-heading p.muted{font-size:13px;margin:0}.board{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;min-height:320px;padding:4px 2px 20px}.column{width:300px;min-width:280px;max-height:calc(100vh - 440px);min-height:200px;display:flex;flex-direction:column;border:1px solid #ffffff13;border-radius:15px;background:#111a2bca;overflow:hidden}.column.closed{background:#101927a8}.column-header{padding:14px 14px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.column-title{display:flex;align-items:center;gap:9px;min-width:0}.column-title h2{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count{font-size:11px;color:var(--muted);background:#ffffff0d;padding:3px 7px;border-radius:8px}.closed-badge{color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.column-menu{padding:5px 8px;background:transparent;color:var(--muted);font-size:18px}.cards{padding:10px;display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:100px}.lead-card{background:linear-gradient(145deg,#1a2942,#152137);border:1px solid #ffffff12;border-radius:12px;padding:12px;cursor:grab;box-shadow:0 4px 14px #0002}.lead-card:active{cursor:grabbing}.lead-card.dragging{opacity:.38}.column.drag-over .cards{background:#69a8ff12}.lead-name{font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:10px;align-items:center}.lead-phone{font-size:12px;color:#c2cde0;margin-top:5px}.lead-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pill{font-size:10px;color:#bac9e0;border:1px solid #ffffff15;background:#ffffff08;border-radius:20px;padding:4px 7px}.pill.waiting{color:#ffd38a;border-color:#f1b85b38;background:#f1b85b10}.pill.answered{color:#86e5c4;border-color:#57d4ad38;background:#57d4ad10}.lead-dates{display:flex;justify-content:space-between;gap:8px;color:#8595af;font-size:10px;margin-top:10px}.add-card{margin:0 10px 10px;text-align:left;background:transparent;color:#a8b8d1;border:1px dashed #ffffff25;font-size:12px}.add-column-card{width:240px;min-width:220px;border:1px dashed #60748f55;background:#ffffff07;color:#b4c3da;min-height:50px}.empty{color:#687994;font-size:11px;text-align:center;padding:18px 8px}.column-editor{display:flex;gap:6px;padding:8px 10px}.column-editor input{min-width:0;width:100%;background:#0c1525;border:1px solid var(--line);border-radius:8px;padding:8px;color:var(--text)}.column-editor button{padding:7px 9px}.small-button{padding:5px 8px;background:#ffffff0c;color:var(--muted);font-size:11px}.toast{position:fixed;right:24px;bottom:22px;background:#1d3150;border:1px solid #3e5b85;border-radius:12px;padding:12px 16px;box-shadow:0 12px 40px #0007;font-size:13px;z-index:5}.toast.error{border-color:#a94e63;background:#411e2b}footer{display:flex;justify-content:space-between;color:#71819b;font-size:11px;padding:9px 2px 0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(390px,100%);background:#121d31;border:1px solid #ffffff17;border-radius:20px;padding:30px;box-shadow:0 24px 70px #0007}.login-card h1{font-size:26px;margin:15px 0 5px}.login-card .muted{font-size:13px;margin:0 0 24px}.login-card label{display:block;color:#c3cfe2;font-size:12px;margin-bottom:7px}.login-card input{display:block;width:100%;padding:12px 13px;border-radius:9px;background:#0b1424;border:1px solid #334562;color:var(--text);outline:none}.login-card input:focus{border-color:var(--blue)}.error{font-size:12px;color:#ff9aa2;margin:12px 0 0}.login-card .eyebrow{margin-top:20px}@media(max-width:900px){.shell{padding:0 17px 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.column{max-height:none}.board-heading{align-items:flex-start;flex-direction:column}.board-actions{width:100%}.board-actions button{flex:1}}@media(max-width:520px){.topbar{height:64px}.brand span{display:none}.top-actions{gap:7px}.top-actions .muted{display:none}.metrics{gap:8px}.metric-card{padding:13px;min-height:124px}.metric-card strong{font-size:26px}.metric-top{font-size:11px}.board-heading h1{font-size:21px}.board{margin-right:-17px}.column{width:85vw;min-width:85vw;max-height:68vh}footer{gap:8px;flex-direction:column}}
.column-tools{display:flex;align-items:center;gap:1px}.column-menu,.column-move{padding:5px 7px;background:transparent;color:var(--muted);font-size:16px}.column-move:disabled{opacity:.25;cursor:default}
.column-total{font-size:10px;color:#8fe0bd;background:#57d4ad10;border:1px solid #57d4ad28;padding:3px 6px;border-radius:8px;white-space:nowrap}.lead-email-card{font-size:11px;color:#a9c6ef;margin-top:4px;overflow-wrap:anywhere}
.column-header{align-items:flex-start}.column-title{flex:1;flex-wrap:wrap;align-items:center}.column-title h2{flex:1 1 100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.column-tools{flex-shrink:0}.column-header[draggable="true"]{cursor:grab}.column-header[draggable="true"]:active{cursor:grabbing}.column-dragging{opacity:.45}.column-drop-target .column-header{background:#69a8ff1c;box-shadow:inset 0 0 0 1px #69a8ff70}
.lead-company{font-size:12px;color:#a9c6ef;margin-top:5px}.lead-location{font-size:10px;color:#8e9fba;margin-top:7px}.plan-value{color:#8fe0bd;background:#57d4ad10;border-color:#57d4ad35}.lead-card{cursor:pointer}.lead-card:active{cursor:grabbing}.lead-dialog{width:min(760px,calc(100vw - 24px));max-height:92vh;padding:0;border:1px solid #3a4f6e;border-radius:18px;background:#111b2e;color:var(--text);box-shadow:0 30px 100px #000b}.lead-dialog::backdrop{background:#030817c9;backdrop-filter:blur(5px)}.lead-form{max-height:92vh;overflow:auto;padding:22px 24px 0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #ffffff12}.modal-header h2{font-size:21px;margin:0;letter-spacing:-.025em}.modal-header .eyebrow{margin-bottom:5px}.form-section{padding:17px 0 5px}.form-section h3{font-size:12px;color:#9dbdf0;text-transform:uppercase;letter-spacing:.09em;margin:0 0 13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#bfccdf;font-size:11px}.form-grid input,.form-grid select{width:100%;min-width:0;padding:10px 11px;border:1px solid #30425f;border-radius:9px;background:#0b1424;color:var(--text);font:inherit;font-size:13px;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:#72aaff;box-shadow:0 0 0 3px #72aaff1b}.form-grid .value-field{max-width:220px}.address-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.address-grid .street-field{grid-column:span 2}.modal-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:9px;margin:18px -24px 0;padding:13px 24px;background:#111b2e;border-top:1px solid #ffffff12}.action-spacer{flex:1}.danger{background:#522532;border:1px solid #8d3e51;color:#ffd8df}.modal-actions button{font-size:12px}.modal-actions .primary{color:#071329}@media(max-width:560px){.lead-form{padding:17px 15px 0}.form-grid,.address-grid{grid-template-columns:1fr}.address-grid .street-field{grid-column:auto}.form-grid .value-field{max-width:none}.modal-actions{margin:18px -15px 0;padding:12px 15px;gap:6px;flex-wrap:wrap}.modal-actions button{padding:9px}.action-spacer{flex-basis:100%;height:0;order:3}.modal-actions #cancel-lead{margin-left:auto}.modal-actions #save-lead{order:4}}
.form-grid textarea{width:100%;min-width:0;padding:10px 11px;border:1px solid #30425f;border-radius:9px;background:#0b1424;color:var(--text);font:inherit;font-size:13px;outline:none;resize:vertical;min-height:96px;line-height:1.5}.form-grid textarea:focus{border-color:#72aaff;box-shadow:0 0 0 3px #72aaff1b}.form-grid .observations-field{grid-column:1 / -1}.lead-observations{margin-top:8px;color:#bfccdf;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lead-dialog{overflow:hidden}.lead-form{max-height:92vh;overflow-y:auto;overflow-x:hidden}