:root{--bg:#f3f4f6;--surface:#fff;--surface2:#f8f9fb;--ink:#15161a;--muted:#727780;--line:#e3e5e9;--nav:#121316;--nav2:#191a1f;--red:#c94c5f;--red2:#a83548;--red-soft:#fff1f3;--green:#16855d;--green-soft:#e9f8f1;--amber:#b67811;--amber-soft:#fff7e5;--blue:#2e69b3;--blue-soft:#eef5ff;--shadow:0 10px 35px rgba(22,24,29,.07);--radius:16px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(180deg,#f7f7f8,#efeff1);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,#111214,#18191d);color:#d9dce2;border-right:1px solid rgba(255,255,255,.06);padding:20px 14px 15px;display:flex;flex-direction:column;z-index:50}.brand-wrap{padding:0 8px 18px}.brand-logo{width:180px;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.25));margin:0 auto 6px}.brand-copy{display:flex;align-items:baseline;gap:8px;padding-left:7px}.brand-copy strong{font-size:16px;color:#fff;letter-spacing:.05em}.brand-copy span{font-size:10px;color:#b77884;text-transform:uppercase;letter-spacing:.08em}.nav-label{font-size:9px;font-weight:850;letter-spacing:.15em;color:#757a84;padding:4px 11px 7px}.nav{display:grid;gap:4px}.nav-btn{width:100%;border:0;border-radius:11px;padding:10px 11px;background:transparent;color:#bec3cd;display:flex;gap:10px;align-items:center;text-align:left;font-weight:700}.nav-btn:hover{background:rgba(255,255,255,.05);color:#fff}.nav-btn.active{background:linear-gradient(90deg,rgba(201,76,95,.22),rgba(201,76,95,.07));color:#fff;box-shadow:inset 3px 0 0 var(--red)}.nav-icon{width:23px;text-align:center}.nav-count{margin-left:auto;background:#2a2d34;border-radius:999px;padding:2px 7px;font-size:10px;color:#ddd}.side-bottom{margin-top:auto}.system-chip{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);padding:10px;border-radius:12px;display:grid;grid-template-columns:10px 1fr;gap:9px;align-items:center}.system-chip .dot{width:8px;height:8px;border-radius:50%;background:#40d49b;box-shadow:0 0 0 4px rgba(64,212,155,.08)}.system-chip strong{display:block;font-size:10px;color:#fff}.system-chip small{display:block;font-size:8.5px;color:#868c96;margin-top:2px}.version{text-align:center;font-size:8px;color:#6e737d;margin-top:10px}.main{min-width:0}.topbar{height:82px;position:sticky;top:0;z-index:35;background:rgba(247,247,248,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,222,227,.85);padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-left{display:flex;gap:12px;align-items:center}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--red);text-transform:uppercase}.topbar h1{margin:2px 0 0;font-size:23px;letter-spacing:-.035em}.top-actions{display:flex;gap:8px}.content{padding:25px 26px 50px;max-width:1600px;margin:0 auto}.btn{border:1px solid transparent;border-radius:10px;padding:9px 13px;font-weight:780;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#d45b6d,#c7495d);color:#fff;box-shadow:0 8px 22px rgba(201,73,93,.2)}.btn.primary:hover{background:#b83d51}.btn.secondary{background:#fff;border-color:#dfe2e7;color:#282b31}.btn.ghost{background:transparent;border-color:#d7dae0;color:#3a3e46}.btn.success{background:#167b58;color:#fff}.btn.small{padding:6px 9px;border-radius:8px;font-size:11px}.icon-btn{width:39px;height:39px;border-radius:10px;border:1px solid #dce0e6;background:#fff;display:grid;place-items:center;cursor:pointer}.mobile{display:none}.hero{position:relative;overflow:hidden;border-radius:22px;padding:25px 26px;background:linear-gradient(135deg,#17181b 0%,#24252a 62%,#40242a 100%);color:#fff;box-shadow:0 18px 55px rgba(28,25,26,.16)}.hero:after{content:"";position:absolute;width:430px;height:180px;right:-120px;top:-60px;border:2px solid rgba(201,76,95,.3);border-radius:50%;transform:rotate(-15deg)}.hero-kicker{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900;letter-spacing:.13em;color:#e895a2}.hero-kicker span{width:8px;height:8px;border-radius:50%;background:#d85b6e;box-shadow:0 0 0 6px rgba(216,91,110,.10)}.hero h2{font-size:29px;margin:10px 0 7px;letter-spacing:-.04em;max-width:850px}.hero p{margin:0;max-width:850px;color:#c5c8cf;line-height:1.55}.hero-actions{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.section-gap{margin-top:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:15px;font-weight:850;letter-spacing:-.02em}.card-sub{font-size:10.5px;color:var(--muted);margin-top:3px}.card-body{padding:16px 17px}.metric{padding:16px 17px}.metric .label{font-size:10px;color:#777c84;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.metric .value{font-size:28px;font-weight:880;letter-spacing:-.05em;margin-top:8px}.metric .foot{font-size:10px;color:#8a8f97;margin-top:4px}.metric .mini-icon{width:34px;height:34px;border-radius:10px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;margin-bottom:12px;font-weight:900}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.section-title h2{font-size:20px;letter-spacing:-.03em;margin:0}.section-title p{margin:4px 0 0;color:#737983;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center}.search input{min-width:270px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{padding:10px 12px;text-align:left;font-size:9px;color:#7d828b;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid #eceef1;vertical-align:middle;font-size:12px}.table tr:hover td{background:#fcfcfd}.cell-main{display:block;font-weight:780}.cell-sub{display:block;color:#858b95;font-size:9.5px;margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:850;border:1px solid transparent}.badge.red{background:var(--red-soft);color:#a83347;border-color:#ffd5db}.badge.green{background:var(--green-soft);color:#116b4b;border-color:#c6efdf}.badge.amber{background:var(--amber-soft);color:#99620a;border-color:#ffe2a2}.badge.blue{background:var(--blue-soft);color:#285d9c;border-color:#cfe2fb}.badge.gray{background:#f1f2f4;color:#666b73;border-color:#e0e2e6}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.pipe-col{background:#f8f9fb;border:1px solid #e6e8ec;border-radius:13px;padding:10px;min-height:210px}.pipe-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pipe-head strong{font-size:11px}.pipe-count{background:#e9ebef;border-radius:999px;padding:2px 7px;font-size:9px}.lead-card{background:#fff;border:1px solid #e2e4e8;border-radius:10px;padding:10px;margin-top:7px;box-shadow:0 4px 12px rgba(20,23,28,.04)}.lead-card strong{display:block;font-size:11px}.lead-card small{display:block;color:#858b93;font-size:9px;margin-top:3px;line-height:1.35}.lead-meta{display:flex;justify-content:space-between;gap:6px;margin-top:8px;font-size:8.5px;color:#6e747c}.quick-list{display:grid;gap:8px}.quick-row{border:1px solid #e5e7eb;border-radius:11px;padding:10px 11px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;background:#fff}.quick-row:hover{border-color:#d9b0b8;background:#fffafb}.quick-icon{width:36px;height:36px;border-radius:10px;background:#17181b;color:#fff;display:grid;place-items:center;font-weight:900}.quick-row strong{display:block;font-size:11px}.quick-row small{display:block;font-size:9px;color:#7e838b;margin-top:2px}.quick-row time{font-size:9px;color:#8b7076;font-weight:700}.feature-tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{border:1px solid #dedfe3;background:#fff;padding:7px 9px;border-radius:9px;font-size:10px;font-weight:750;cursor:pointer}.tab.active{background:#1a1b1f;color:#fff;border-color:#1a1b1f}.quote-card{border:1px solid #e7e3e4;border-radius:13px;padding:13px;background:linear-gradient(180deg,#fff,#fffafb)}.quote-card .big{font-size:23px;font-weight:880;letter-spacing:-.04em}.quote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quote-stat{background:#fff;border:1px solid #e8e9ec;border-radius:10px;padding:10px}.quote-stat span{display:block;font-size:8px;color:#8a8f97;text-transform:uppercase;font-weight:800}.quote-stat strong{display:block;font-size:13px;margin-top:4px}.empty{padding:35px;text-align:center;color:#868b94;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:11px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.field label{display:block;font-size:9px;color:#707680;font-weight:850;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #d9dde3;border-radius:10px;padding:10px 11px;background:#fff;color:#181a1f;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ce7684;box-shadow:0 0 0 3px rgba(201,76,95,.11)}.field textarea{min-height:85px;resize:vertical}.hint{font-size:8.5px;color:#9398a0;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:rgba(9,10,12,.55);backdrop-filter:blur(3px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(920px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.28)}.modal.small{width:min(620px,96vw)}.modal-head{padding:16px 18px;background:linear-gradient(135deg,#17181b,#2a2527);color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-head h3{margin:0;font-size:18px}.modal-head p{margin:4px 0 0;color:#bfc2c9;font-size:10px}.modal-close{border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;width:34px;height:34px;border-radius:9px;cursor:pointer}.modal-body{padding:17px 18px}.modal-foot{padding:13px 18px;border-top:1px solid #e6e7ea;display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff}.summary-box{background:#f9f6f7;border:1px solid #eddfe2;border-radius:13px;padding:13px}.summary-box .row{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.summary-box .row.total{border-top:1px solid #e3d5d8;margin-top:6px;padding-top:10px;font-size:16px;font-weight:850}.toast-root{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:8px}.toast{width:min(340px,90vw);background:#17181b;color:#fff;padding:12px 13px;border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.toast strong{display:block;font-size:11px}.toast div{font-size:9px;color:#c6cad0;margin-top:3px}.finance-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.finance-option{border:1px solid #e4e5e8;border-radius:11px;padding:10px;background:#fff}.finance-option strong{display:block;font-size:13px}.finance-option span{display:block;font-size:8.5px;color:#7d828a;margin-top:3px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vehicle-card{border:1px solid #e4e5e8;border-radius:14px;background:#fff;overflow:hidden}.vehicle-photo{height:118px;background:linear-gradient(135deg,#1a1b1f,#402b30);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:28px;letter-spacing:.08em}.vehicle-body{padding:12px}.vehicle-body h3{font-size:14px;margin:0}.vehicle-body p{font-size:9.5px;color:#747982;margin:4px 0 10px}.vehicle-price{font-size:18px;font-weight:880}.vehicle-actions{display:flex;gap:6px;margin-top:10px}.mobile-cards{display:none}.backdrop{display:none}
@media(max-width:1150px){.grid-4{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:repeat(3,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shell{display:block}.sidebar{position:fixed;left:-275px;width:258px;transition:.2s}.sidebar.open{left:0}.backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:45}.mobile{display:grid}.hide-mobile{display:none}.topbar{padding:0 14px;height:74px}.content{padding:16px 13px 40px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr}.vehicle-grid{grid-template-columns:1fr}.quote-grid,.finance-box{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid>[class*="col-"]{grid-column:span 1}.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{flex-wrap:wrap}.search input{min-width:0;width:100%}.hero h2{font-size:24px}}
@media print{.sidebar,.topbar,.no-print{display:none!important}.shell{display:block}.content{padding:0}.card{box-shadow:none}.print-only{display:block!important}}


/* ===== V2 CLIENT CONNECTION ===== */
.control-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.internal-card{background:linear-gradient(180deg,#1c1d21,#151619);color:#fff;border-color:#27292f}.internal-card .card-title{color:#fff}.internal-card .card-sub{color:#979da7}.visibility-list{display:grid;gap:10px;font-size:12px;line-height:1.45}.visibility-list>div{padding:9px 11px;border:1px solid #eceef1;border-radius:10px;background:#fcfcfd}.internal-card .visibility-list>div{background:#202126;border-color:#2f3138;color:#d8dbe1}.client-connect-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#1a1b1e,#2a2023);color:#fff;border:1px solid rgba(201,76,95,.22);box-shadow:0 18px 50px rgba(20,20,24,.12)}.client-connect-hero h2{margin:7px 0;font-size:27px;letter-spacing:-.04em}.client-connect-hero p{margin:0;color:#c9cbd1;line-height:1.55;max-width:850px}.connect-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;color:#e894a1}.connect-lock{width:140px;min-height:126px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:25px}.connect-lock strong{font-size:11px;margin-top:8px}.connect-lock small{font-size:9px;color:#9da2ac;margin-top:3px}.connection-card{padding:18px}.connection-card h3{margin:10px 0 5px}.connection-card p{font-size:11px;color:#737983;line-height:1.5;min-height:48px}.connection-icon{width:42px;height:42px;border-radius:12px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-size:18px;font-weight:900}.connection-actions{margin-top:12px}.client-safe-note{border:1px solid #cfe9de;background:#effaf5;color:#23674e;padding:10px 12px;border-radius:10px;font-size:10px;font-weight:700}
.public-portal-body{margin:0;min-height:100vh;background:linear-gradient(180deg,#111216 0 280px,#f3f4f6 280px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17181c}.public-wrap{width:min(760px,calc(100% - 28px));margin:0 auto;padding:26px 0 50px}.public-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b9bdc7;font-size:10px;padding:0 4px 20px}.public-top img{width:150px;max-height:55px;object-fit:contain}.public-hero{background:linear-gradient(135deg,#1b1c20,#30252a);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.22)}.public-kicker{font-size:9px;letter-spacing:.14em;font-weight:900;color:#e99aa7}.public-hero h1{font-size:34px;line-height:1.05;letter-spacing:-.05em;margin:10px 0 8px}.public-hero p{color:#c2c5cc;margin:0 0 18px}.public-price{font-size:32px;font-weight:900;letter-spacing:-.04em}.public-price small{font-size:12px;color:#b7bbc3;font-weight:600}.public-status{margin-top:8px}.public-card{margin-top:16px;background:#fff;border:1px solid #e0e2e6;border-radius:18px;padding:22px;box-shadow:0 12px 34px rgba(20,23,28,.08)}.public-card h2{font-size:20px;margin:0 0 7px}.public-card>p{color:#686e77;line-height:1.55;margin:0 0 18px}.public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.public-grid>div{border:1px solid #eceef1;background:#fafbfc;border-radius:12px;padding:12px}.public-grid span{display:block;color:#7c828c;font-size:10px;margin-bottom:5px}.public-grid strong{font-size:14px}.public-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.public-actions button{border:0;border-radius:11px;padding:11px 14px;background:linear-gradient(180deg,#d45b6d,#c7495d);color:#fff;font-weight:800;cursor:pointer}.public-actions button.secondary-public{background:#fff;color:#30343b;border:1px solid #dfe2e7}.public-privacy{margin:14px 2px 0;color:#747a84;font-size:9.5px;line-height:1.5;text-align:center}.public-confirm{width:100%;padding:14px;border-radius:12px;background:#eaf8f1;border:1px solid #c7ead9;color:#145c42}.public-confirm strong{display:block;font-size:13px}.public-confirm span{display:block;font-size:10px;margin-top:4px}.summary-box small{color:#8a8f98}
@media(max-width:760px){.control-split{grid-template-columns:1fr}.client-connect-hero{grid-template-columns:1fr}.connect-lock{width:100%;min-height:90px}.public-grid{grid-template-columns:1fr}.public-hero h1{font-size:27px}.public-actions{display:grid}.public-actions button{width:100%}}