:root{--navy:#023167;--peach:#faa578;--ink:#172536;--muted:#687889;--line:#dce5ed;--paper:#f4f7fa;--white:#fff;--green:#1f7a4c;--red:#aa3d3d}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}.lead-shell{max-width:1800px;margin:auto;padding:22px}.lead-brand{letter-spacing:.15em;color:var(--navy);font-size:12px;font-weight:900}.lead-kicker{letter-spacing:.12em;color:#c66d38;margin-top:4px;font-size:9px;font-weight:900}.lead-head{border:1px solid var(--line);background:#fff;border-radius:20px;justify-content:space-between;align-items:end;gap:20px;padding:20px;display:flex}.lead-head h1{color:var(--navy);margin:5px 0 0;font-size:29px}.lead-head-actions{flex-wrap:wrap;gap:8px;display:flex}.lead-head-actions button,.lead-form-actions button,.lead-login button{border:1px solid #cdd8e2;border-radius:10px;padding:10px 13px;font-weight:900}.primary{color:#fff;background:var(--navy)!important;border-color:var(--navy)!important}.ghost{color:var(--navy);background:#fff}.danger{color:var(--red);background:#fff0f0;border-color:#f0caca!important}.lead-stats{grid-template-columns:repeat(5,1fr);gap:10px;margin:13px 0;display:grid}.lead-stats>div{border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px}.lead-stats span{text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:900;display:block}.lead-stats strong{color:var(--navy);margin-top:5px;font-size:24px;display:block}.lead-stats .attention{background:#fff7f7;border-color:#efb6b6}.lead-stats .attention strong{color:var(--red)}.lead-filters{gap:9px;margin-bottom:13px;display:flex}.lead-filters input,.lead-filters select{background:#fff;border:1px solid #cdd8e2;border-radius:10px;padding:10px 12px}.lead-filters input{width:min(430px,100%)}.lead-board{grid-template-columns:repeat(6,minmax(245px,1fr));gap:10px;padding-bottom:10px;display:grid;overflow-x:auto}.lead-column{background:#eaf0f5;border:1px solid #d6e0e8;border-radius:16px;min-height:560px}.lead-column-head{background:#fff;border-bottom:1px solid #dce5ed;border-radius:15px 15px 0 0;padding:12px}.lead-column-head>div{justify-content:space-between;align-items:center;display:flex}.lead-column-head span{color:var(--navy);text-transform:uppercase;font-size:11px;font-weight:900}.lead-column-head strong{color:var(--navy);background:#edf3f8;border-radius:999px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.lead-column-head small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.lead-column-body{align-content:start;gap:8px;min-height:500px;padding:9px;display:grid}.lead-card{cursor:grab;background:#fff;border:1px solid #d9e3eb;border-radius:13px;padding:12px;box-shadow:0 4px 12px #0231670a}.lead-card:hover{border-color:#b8cad9}.lead-card.dragging{opacity:.45}.lead-card-top{align-items:center;gap:6px;display:flex}.drag{color:#9ba8b4;font-size:14px}.lead-card-top em{text-transform:uppercase;color:#a06a45;background:#fff0e6;border-radius:999px;padding:4px 6px;font-size:8px;font-style:normal;font-weight:900}.lead-card-top b{color:var(--navy);margin-left:auto;font-size:12px}.lead-card h2{color:var(--navy);margin:9px 0 4px;font-size:15px}.lead-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.lead-meta{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.lead-meta span{color:#5e6f7f;background:#f1f5f8;border-radius:6px;padding:4px 5px;font-size:8px}.lead-follow{color:#677685;border-top:1px solid #edf1f4;justify-content:space-between;margin-top:8px;padding-top:8px;font-size:9px;display:flex}.lead-follow b{color:var(--navy)}.lead-follow.late,.lead-follow.late b{color:var(--red)}.lead-contact{justify-content:space-between;gap:7px;margin-top:9px;display:flex}.lead-contact a{color:var(--navy);font-size:9px;font-weight:900}.lead-empty{text-align:center;color:#8c99a6;border:1px dashed #bdcbd6;border-radius:11px;padding:24px 10px;font-size:9px}.lead-modal{z-index:30;background:#0917268f;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lead-form{background:#fff;border-radius:20px;width:min(850px,100%);max-height:92vh;padding:21px;overflow:auto;box-shadow:0 25px 70px #00000040}.lead-form-head{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:start;gap:15px;padding-bottom:12px;display:flex}.lead-form-head h2{color:var(--navy);margin:5px 0 0}.lead-form-head>button{color:#718090;background:0 0;border:0;font-size:26px}.lead-form-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:15px;display:grid}.lead-form label,.lead-login label{text-transform:uppercase;color:var(--navy);gap:5px;font-size:9px;font-weight:900;display:grid}.lead-form input,.lead-form select,.lead-form textarea,.lead-login input{color:var(--ink);text-transform:none;background:#fff;border:1px solid #cbd7e1;border-radius:9px;padding:10px}.lead-form textarea{resize:vertical;min-height:100px}.lead-form .wide{grid-column:span 2}.lead-form-actions{border-top:1px solid #edf1f4;justify-content:space-between;gap:10px;margin-top:17px;padding-top:14px;display:flex}.lead-form-actions>div{gap:7px;margin-left:auto;display:flex}.lead-login{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:470px;margin:12vh auto;padding:28px;box-shadow:0 18px 50px #02316714}.lead-login h1{color:var(--navy);margin:7px 0}.lead-login p{color:var(--muted);font-size:12px;line-height:1.5}.lead-login form{gap:12px;margin-top:18px;display:grid}.lead-error{color:#8b3030;background:#fff0f0;border:1px solid #efcaca;border-radius:9px;padding:9px;font-size:10px}.lead-error.wide{margin:10px 0}.lead-sent{background:#f5f8fb;border-radius:12px;margin-top:18px;padding:15px}@media (max-width:1000px){.lead-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.lead-shell{padding:11px}.lead-head{display:grid}.lead-head-actions{width:100%}.lead-stats{grid-template-columns:1fr 1fr}.lead-filters{display:grid}.lead-form-grid{grid-template-columns:1fr}.lead-form .wide{grid-column:span 1}.lead-form-actions{display:grid}.lead-form-actions>div{margin-left:0}.lead-board{grid-template-columns:repeat(6,270px)}}
