:root{--navy:#102536;--navy-2:#17364a;--ink:#172535;--blue:#2f6f8e;--gold:#d7a84c;--orange:#e7792d;--paper:#f3f6f7;--white:#fff;--muted:#667984;--line:#d8e1e4;--green:#3e8065;--red:#a84f49;--shadow:0 18px 55px rgba(14,37,52,.1);--sans:"Microsoft YaHei","PingFang SC",sans-serif;--serif:"Noto Serif SC","Songti SC",serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;padding:9px 14px}.skip-link:focus{top:12px}.topbar{min-height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(215,168,76,.6);color:#f0d99d;font:700 25px Georgia}.brand b,.brand small{display:block}.brand b{font-size:16px}.brand small{font-size:8px;letter-spacing:.14em;color:#92a8b5}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a{color:#abc0cb;text-decoration:none}.topbar nav button{padding:8px 12px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff}.login-panel{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 70% 20%,#dce9ed,transparent 38%)}.login-card{width:min(520px,100%);padding:42px;background:#fff;border-top:4px solid var(--gold);box-shadow:var(--shadow)}.eyebrow{margin:0 0 8px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}.login-card h1{margin:0;font:500 34px var(--serif)}.login-card>p:not(.eyebrow){color:var(--muted)}label{display:block;font-size:12px;font-weight:700}.login-card label{margin-top:17px}input,select,textarea{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #c7d3d7;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,142,.1)}.primary,.secondary,.ghost{min-height:42px;padding:9px 17px;border:1px solid transparent;font-weight:700}.primary{background:var(--orange);color:#fff}.secondary{background:#fff;border-color:#b8c6cc;color:var(--ink)}.ghost{background:transparent;border-color:#71838d;color:#fff}.login-card .primary{width:100%;margin-top:23px}.message{min-height:22px;margin:9px 0 0;color:var(--red);font-size:12px}.workspace{padding-bottom:70px}.hero{padding:54px clamp(22px,6vw,90px) 46px;display:flex;align-items:end;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#e8eef0,#f8f9f9)}.hero h1{margin:0;font:500 clamp(32px,4vw,52px) var(--serif)}.hero p:not(.eyebrow){margin:14px 0 8px;color:var(--muted)}.hero small{color:#74858e}.hero .ghost{border-color:#9cacb3;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 clamp(22px,6vw,90px);transform:translateY(-1px);background:var(--navy);color:#fff}.metrics article{padding:22px 25px;border-right:1px solid rgba(255,255,255,.12)}.metrics article:last-child{border:0}.metrics span,.metrics small{display:block}.metrics span{font-size:11px;color:#a8bbc5}.metrics strong{font:500 30px var(--serif);color:#f0d99d}.metrics small{font-size:9px;color:#7f96a2}.card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px rgba(20,50,67,.05)}.toolbar{margin:30px clamp(22px,6vw,90px) 16px;padding:17px 20px;display:flex;align-items:end;justify-content:space-between;gap:20px}.toolbar .search{width:min(520px,100%)}.toolbar .search input{margin-top:3px}.toolbar>div{display:flex;align-items:center;gap:14px}.sync-status{font-size:10px;color:var(--green)}.inline-form{margin:0 clamp(22px,6vw,90px) 16px;padding:24px}.form-title,.section-head,.detail-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.form-title h2,.section-head h2,.detail-head h2{margin:0;font:500 27px var(--serif)}.form-title h3{margin:0;font:500 20px var(--serif)}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:19px 0}.inline-form>.primary,.business-form>.primary{min-width:160px}.crm-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.7fr);gap:16px;margin:0 clamp(22px,6vw,90px)}.directory,.customer-detail{min-height:640px}.directory{padding:23px}.section-head>span{font-size:11px;color:var(--muted)}.section-head.compact{align-items:end}.section-head.compact h3{font:500 21px var(--serif);margin:0}.section-head.compact p{font-size:11px;color:var(--muted);margin:3px 0 0}.customer-list{display:grid;gap:7px;margin-top:18px;max-height:720px;overflow:auto}.customer-row{width:100%;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#f8fafb;text-align:left}.customer-row:hover,.customer-row.active{border-color:var(--blue);background:#eaf2f5}.customer-row span b,.customer-row span small{display:block}.customer-row span small{color:var(--muted);font-size:11px;margin-top:3px}.consent{font-style:normal;font-size:9px;padding:4px 7px;background:#e8edef;color:#697b85;white-space:nowrap}.consent.granted{background:#e2f0e9;color:#327056}.consent.revoked{background:#f2e7e5;color:#955049}.customer-detail{padding:28px}.empty-state{display:grid;place-items:center;text-align:center;min-height:240px;padding:30px;border:1px dashed #c6d2d6}.empty-state b{font:500 21px var(--serif)}.empty-state p{margin:4px 0;color:var(--muted);font-size:12px}.empty-state.small{min-height:110px}.detail-head{padding-bottom:24px;border-bottom:1px solid var(--line)}.detail-head h2{font-size:31px}.detail-head>div>p:not(.eyebrow){margin:6px 0;color:var(--muted)}.detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.business-form{margin:22px 0;padding:22px;background:#eef3f4;border-left:4px solid var(--blue)}.business-form .form-grid{grid-template-columns:repeat(2,1fr)}.business-form .wide{grid-column:1/-1}.detail-section{padding:25px 0;border-bottom:1px solid var(--line)}.detail-section:last-child{border-bottom:0}.chip-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.vehicle-chip{min-width:150px;padding:12px 14px;background:#edf3f4;border-left:3px solid var(--blue)}.vehicle-chip b,.vehicle-chip small{display:block}.vehicle-chip small{color:var(--muted);font-size:10px;margin-top:3px}.record-list{display:grid;gap:9px;margin-top:14px}.record{padding:17px 18px;display:flex;justify-content:space-between;gap:20px;border:1px solid var(--line);background:#fbfcfc}.record-no{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:.08em}.record h4{margin:4px 0;font:500 18px var(--serif)}.record p,.record small{display:block;margin:0;color:var(--muted);font-size:11px}.record aside{text-align:right}.status{display:inline-block;padding:5px 8px;background:#e8edef;color:#657681;font-size:9px;font-weight:700;white-space:nowrap}.status.requested,.status.created,.status.confirmed,.status.rescheduled{background:#fff0da;color:#99641e}.status.arrived,.status.completed{background:#e2f0e9;color:#337157}.status.cancelled{background:#eee;color:#777}.record-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.record-actions button{padding:5px 8px;border:1px solid #9fb2ba;background:#fff;color:var(--blue);font-size:10px}.record-actions button:hover{background:var(--blue);color:#fff}.toast{position:fixed;right:24px;bottom:24px;z-index:90;max-width:380px;padding:13px 18px;background:var(--green);color:#fff;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:var(--red)}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}@media(max-width:1050px){.crm-layout{grid-template-columns:1fr}.directory{min-height:0}.customer-list{max-height:360px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}}@media(max-width:760px){.topbar{padding:12px 18px}.brand small,.topbar nav a{display:none}.topbar nav{gap:8px}.hero{align-items:flex-start;flex-direction:column}.toolbar,.detail-head{align-items:stretch;flex-direction:column}.toolbar>div,.detail-actions{justify-content:flex-start}.form-grid,.business-form .form-grid{grid-template-columns:1fr}.business-form .wide{grid-column:auto}.record{flex-direction:column}.record aside{text-align:left}.record-actions{justify-content:flex-start}.metrics{margin:0 18px}.toolbar,.inline-form{margin-left:18px;margin-right:18px}.crm-layout{margin:0 18px}.customer-detail,.directory{padding:20px}}@media(max-width:480px){.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.detail-actions button{width:100%}.toolbar>div{align-items:stretch;flex-direction:column}.record-actions{flex-wrap:wrap}.brand b{font-size:13px}}
/* V1.74 membership administration */
.metrics{grid-template-columns:repeat(5,1fr)}.membership-admin-card{margin-top:14px;padding:18px;background:#f7f4eb;border-left:4px solid var(--gold)}.membership-admin-card h4{margin:3px 0;font:500 22px var(--serif)}.membership-admin-card p{margin:4px 0;color:var(--muted)}.membership-admin-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.membership-admin-meta span{padding:5px 8px;background:#fff;border:1px solid var(--line);font-size:10px}.membership-review{margin-top:14px;padding:14px;background:#fff;border:1px solid var(--line)}.membership-review-actions{display:flex;gap:8px;margin-top:10px}.membership-points-form{display:grid;grid-template-columns:130px 1fr 1.4fr auto;gap:9px;align-items:end;margin-top:14px}.membership-points-form label{margin:0}.membership-points-form button{height:42px}.membership-not-enrolled{margin-top:14px;padding:16px;border:1px dashed #c7d3d7;color:var(--muted)}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.membership-points-form{grid-template-columns:1fr 1fr}.membership-points-form button{width:100%}}
@media(max-width:620px){.membership-points-form{grid-template-columns:1fr}.membership-review-actions{flex-direction:column}}

/* V1.76 service feedback workbench */
.metrics{grid-template-columns:repeat(6,1fr)}.feedback-workbench{margin:30px clamp(22px,6vw,90px) 16px;padding:24px}.feedback-workbench .section-head{align-items:end}.feedback-workbench .section-head>div>p:not(.eyebrow){margin:4px 0;color:var(--muted)}.feedback-workbench .section-head>label{min-width:180px}.feedback-queue{display:grid;gap:10px;margin-top:18px}.feedback-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:24px;padding:18px;border:1px solid var(--line);background:#fbfcfc}.feedback-item h3{margin:4px 0;color:#c48524;letter-spacing:.08em}.feedback-item p,.feedback-item small{display:block;margin:3px 0;color:var(--muted)}.feedback-item aside{display:grid;justify-items:stretch;gap:9px}.feedback-item aside>.status{justify-self:end}.feedback-item aside>.secondary{justify-self:end}.feedback-item form{display:grid;gap:8px}.feedback-item textarea{min-height:70px;margin:0}.feedback-item .feedback-resolution{padding:9px 11px;border-left:3px solid var(--green);background:#edf6f1;color:#315f4d}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.feedback-workbench{margin-left:18px;margin-right:18px}.feedback-workbench .section-head{align-items:stretch;flex-direction:column}.feedback-item{grid-template-columns:1fr}.feedback-item aside>.status,.feedback-item aside>.secondary{justify-self:start}}

/* V1.78 vehicle lifecycle workbench */
.lifecycle-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:18px;background:#f2f6f7;border-left:4px solid var(--blue)}.lifecycle-form button{align-self:end}.lifecycle-form .message{grid-column:1/-1}.lifecycle-list{display:grid;gap:9px}.lifecycle-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid var(--line);background:#fbfcfc}.lifecycle-row h4{margin:3px 0;font:500 18px var(--serif)}.lifecycle-row p,.lifecycle-row small{display:block;margin:2px 0;color:var(--muted);font-size:11px}@media(max-width:820px){.lifecycle-form{grid-template-columns:1fr 1fr}}@media(max-width:560px){.lifecycle-form{grid-template-columns:1fr}.lifecycle-row{flex-direction:column}}

/* V1.80 marketing leads */
.metrics{grid-template-columns:repeat(7,1fr)}.lead-workbench{margin:30px clamp(22px,6vw,90px) 16px;padding:24px}.lead-workbench .section-head{align-items:end}.lead-workbench .section-head>div>p:not(.eyebrow){margin:4px 0;color:var(--muted)}.lead-workbench .section-head>label{min-width:180px}.lead-queue{display:grid;gap:10px;margin-top:18px}.lead-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:24px;padding:18px;border:1px solid var(--line);background:#fbfcfc}.lead-item h3{margin:4px 0;font:500 20px var(--serif)}.lead-item p,.lead-item small{display:block;margin:3px 0;color:var(--muted)}.lead-item aside{display:grid;gap:8px}.lead-item aside>.status{justify-self:end}.lead-item textarea{min-height:64px}.lead-actions{display:flex;justify-content:flex-end;gap:8px}.lead-actions button{padding:8px 11px;border:1px solid #9fb2ba;background:#fff;color:var(--blue)}.lead-actions .primary{background:var(--orange);color:#fff;border-color:var(--orange)}.lead-note{padding:8px 10px;border-left:3px solid var(--green);background:#edf6f1}@media(max-width:1050px){.metrics{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.lead-workbench{margin-left:18px;margin-right:18px}.lead-workbench .section-head{align-items:stretch;flex-direction:column}.lead-item{grid-template-columns:1fr}.lead-item aside>.status{justify-self:start}.lead-actions{justify-content:flex-start;flex-wrap:wrap}}

/* V1.81 lead operations */
.lead-overview{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:#eef3f4}.lead-overview div{padding:14px 18px;border-right:1px solid #d7e0e3}.lead-overview div:last-child{border:0}.lead-overview span,.lead-overview strong{display:block}.lead-overview span{font-size:10px;color:var(--muted)}.lead-overview strong{font:500 24px var(--serif)}.lead-overview .danger strong{color:var(--red)}.lead-item.lead-overdue{border-left:4px solid var(--red);background:#fff8f7}.lead-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.lead-meta span{padding:4px 7px;background:#edf3f4;font-size:9px;color:#526675}.lead-meta .sla.overdue{background:#f5dfdc;color:#9c3e35}.lead-meta .sla.due_soon{background:#fff0da;color:#99641e}.assignment-row{display:grid;grid-template-columns:1fr auto;gap:7px}.assignment-row select{margin:0}.assignment-row button{border:1px solid #9fb2ba;background:#fff;color:var(--blue);padding:8px 12px}.lead-item input[type=datetime-local]{margin-top:5px}@media(max-width:720px){.lead-overview{grid-template-columns:1fr 1fr}}

/* V1.82 campaign attribution */
.campaign-workbench{margin:30px clamp(22px,6vw,90px) 16px;padding:24px}.campaign-workbench .section-head{align-items:end}.campaign-workbench .section-head>div>p:not(.eyebrow){margin:4px 0;color:var(--muted)}.campaign-overview{display:grid;grid-template-columns:repeat(5,1fr);margin-top:18px;background:#eef3f4}.campaign-overview div{padding:14px 18px;border-right:1px solid #d7e0e3}.campaign-overview div:last-child{border:0}.campaign-overview span,.campaign-overview strong{display:block}.campaign-overview span{font-size:10px;color:var(--muted)}.campaign-overview strong{font:500 24px var(--serif)}.campaign-form{margin-top:18px;padding:20px;background:#f3f6f7;border-left:4px solid var(--gold)}.campaign-form .wide{grid-column:1/-1}.campaign-list{display:grid;gap:10px;margin-top:18px}.campaign-item{display:grid;grid-template-columns:minmax(240px,1fr) minmax(330px,.9fr) auto;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);background:#fbfcfc}.campaign-item h3{margin:4px 0;font:500 20px var(--serif)}.campaign-item p,.campaign-item small{display:block;margin:3px 0;color:var(--muted)}.campaign-url{overflow-wrap:anywhere}.campaign-funnel{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.campaign-funnel span{padding:7px;background:#edf3f4;text-align:center;font-size:9px;color:var(--muted)}.campaign-funnel b{display:block;font-size:15px;color:var(--ink)}.campaign-item aside{display:grid;gap:10px;justify-items:end}.campaign-actions{display:flex;gap:6px}.campaign-actions button{padding:7px 9px;border:1px solid #9fb2ba;background:#fff;color:var(--blue)}.status.active{background:#e2f0e9;color:#337157}.status.paused{background:#fff0da;color:#99641e}.status.ended{background:#eee;color:#777}
@media(max-width:1050px){.campaign-item{grid-template-columns:1fr}.campaign-item aside{justify-items:start}.campaign-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.campaign-workbench{margin-left:18px;margin-right:18px}.campaign-workbench .section-head{align-items:stretch;flex-direction:column}.campaign-overview{grid-template-columns:1fr 1fr}.campaign-funnel{grid-template-columns:repeat(3,1fr)}.campaign-form .wide{grid-column:auto}}

/* V1.83 lead followup timeline */
.lead-overview{grid-template-columns:repeat(6,1fr)}.lead-overview .reason-text{font:700 14px var(--sans);margin-top:5px}.lead-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lead-history-toggle{margin-top:12px;padding:6px 9px;border:1px solid #9fb2ba;background:#fff;color:var(--blue);font-size:10px}.lead-timeline{display:grid;gap:8px;margin-top:10px}.lead-timeline article{padding:11px 13px;border-left:3px solid var(--blue);background:#eef3f4}.lead-timeline article>div{display:flex;justify-content:space-between;gap:12px}.lead-timeline article span,.lead-timeline article small{color:var(--muted);font-size:9px}.lead-timeline article p{margin:5px 0;color:var(--ink);font-size:11px}.lead-timeline article small{display:block}.lead-item .status.closed{background:#eee;color:#777}
@media(max-width:1050px){.lead-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.lead-overview{grid-template-columns:1fr 1fr}.lead-contact-grid{grid-template-columns:1fr}.lead-timeline article>div{flex-direction:column;gap:2px}}

/* V1.85 VIP customer directory visibility */
.customer-segment-filter{min-width:190px}.customer-badges{display:flex;gap:6px;margin-top:7px}.membership-badge{display:inline-block;padding:3px 7px;border-radius:999px;font-style:normal;font-size:9px;font-weight:800}.membership-badge.pending{background:#fff0d7;color:#965e13;border:1px solid #e6bd74}.membership-badge.vip{background:#142f42;color:#f1d593;border:1px solid #d7a84c}.membership-badge.member{background:#e2f0e9;color:#327056;border:1px solid #b9dac9}.customer-row>span{min-width:0}.customer-row>span small{overflow-wrap:anywhere}

/* V1.84 marketing follow-up task worklist */
.lead-task-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.lead-task-filters label{min-width:150px}.lead-task-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:18px 0}.lead-task-summary div{padding:14px 16px;border:1px solid #d7e1e7;border-radius:12px;background:#f7fafb}.lead-task-summary span{display:block;color:#657680;font-size:13px}.lead-task-summary strong{display:block;margin-top:5px;font-size:25px;color:#153247}.lead-task-summary .danger strong{color:#c83c32}.lead-task-list{display:grid;gap:10px}.lead-task-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 17px;border:1px solid #d7e1e7;border-left:5px solid #3d718c;border-radius:12px;background:#fff}.lead-task-item.overdue{border-left-color:#d14b3e;background:#fffafa}.lead-task-item.today{border-left-color:#db832e}.lead-task-item h3{margin:4px 0;font-size:17px}.lead-task-item p,.lead-task-item small{margin:0;color:#657680}.lead-task-item .task-time{font-weight:700;color:#25485e}.lead-task-item.overdue .task-time{color:#c83c32}.lead-task-item button{white-space:nowrap}.lead-actions{flex-wrap:wrap}.lead-actions [data-lead-log]{border-color:#3d718c;color:#315f78;background:#eef6f8}@media(max-width:760px){.lead-task-summary{grid-template-columns:repeat(2,1fr)}.lead-task-item{grid-template-columns:1fr}.lead-task-item button{width:100%}}
