:root {
  --ink: #0b1220;
  --muted: #667085;
  --line: #e7eaf0;
  --panel: #ffffff;
  --canvas: #f4f6f9;
  --navy: #08111f;
  --navy-2: #101c2f;
  --blue: #4d6fff;
  --blue-soft: #eef1ff;
  --green: #14a66f;
  --green-soft: #e9f8f2;
  --amber: #e8a317;
  --amber-soft: #fff6df;
  --red: #db4b5d;
  --red-soft: #fff0f2;
  --purple: #8b5cf6;
  --shadow: 0 18px 48px rgba(15, 23, 42, .10);
  --radius: 16px;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--canvas); color: var(--ink); }
body { font-family: "DM Sans", system-ui, sans-serif; font-size: 14px; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.mobile-only { display: none !important; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 248px minmax(0,1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 248px; background: var(--navy); color: white; padding: 24px 14px 18px; display: flex; flex-direction: column; z-index: 30; }
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 28px; }
.brand-mark { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; font: 800 18px Manrope; background: linear-gradient(145deg,#8aa0ff,#4d6fff); box-shadow: 0 8px 24px rgba(77,111,255,.35); transform: skewX(-6deg); }
.brand strong { display: block; letter-spacing: 1.8px; font: 800 15px Manrope; }
.brand span { display: block; color: #8e9bae; font-size: 11px; margin-top: 2px; }
.side-nav { display: grid; gap: 5px; }
.nav-item { width: 100%; border: 0; color: #9eabba; background: transparent; border-radius: 11px; display: flex; align-items: center; gap: 12px; padding: 11px 12px; text-align: left; transition: .18s ease; }
.nav-item:hover { color: white; background: #111e31; }
.nav-item.active { color: white; background: #1a2840; box-shadow: inset 3px 0 var(--blue); }
.nav-icon { width: 22px; text-align: center; font-size: 16px; }
.nav-badge { margin-left: auto; background: #2b3b54; color: #c9d2de; padding: 2px 7px; border-radius: 999px; font-size: 10px; }
.nav-item.active .nav-badge { background: var(--blue); color: white; }
.ai-card { margin-top: auto; background: linear-gradient(145deg,#16243a,#1b2940); border: 1px solid #293952; border-radius: 14px; padding: 13px; display: flex; align-items: center; gap: 10px; }
.ai-orb { width: 32px; height: 32px; flex: none; border-radius: 10px; display: grid; place-items: center; color: #dae0ff; background: linear-gradient(135deg,#4059c9,#8a5cf6); }
.ai-card strong, .ai-card span { display:block; }
.ai-card strong { font-size: 12px; }
.ai-card span { color:#99a7b9; font-size: 10px; margin-top:2px; }
.ai-card button { margin-left:auto; border:0; background:transparent; color:white; }
.user-card { display:flex; align-items:center; gap:10px; padding:20px 8px 0; }
.avatar { width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#23334c;color:#cbd5e1;font-weight:700;font-size:11px; }
.user-card strong,.user-card span { display:block; }
.user-card strong{font-size:11px}.user-card span{color:#8391a3;font-size:9px;margin-top:2px}
.icon-button { border:0;background:transparent;color:inherit;padding:8px;border-radius:9px; }
.user-card .icon-button { margin-left:auto;color:#718096; }

.main { grid-column:2; min-width:0; }
.topbar { height:72px; padding:0 30px; background:white; border-bottom:1px solid var(--line); display:flex; align-items:center; gap:20px; position:sticky; top:0; z-index:20; }
.global-search { width:min(540px,55vw); position:relative; display:flex; align-items:center; gap:10px; background:#f7f8fa; border:1px solid #edf0f3; border-radius:11px; padding:0 12px; }
.global-search > span { font-size:21px;color:#667085;transform:rotate(-15deg); }
.global-search input { width:100%; border:0; outline:0;background:transparent;padding:11px 0;color:var(--ink); }
.global-search kbd { font-size:10px;color:#98a2b3;border:1px solid #d9dee7;background:white;border-radius:5px;padding:3px 6px;white-space:nowrap; }
.search-results { position:absolute;top:48px;left:0;right:0;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;max-height:320px;overflow:auto; }
.search-result { width:100%;padding:10px;border:0;background:white;border-radius:9px;display:flex;align-items:center;gap:10px;text-align:left; }
.search-result:hover{background:#f7f8fc}.search-result small{display:block;color:var(--muted);margin-top:2px}
.top-actions { margin-left:auto;display:flex;align-items:center;gap:8px; }
.notification { color:#344054;font-size:19px;position:relative; }.notification i{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--red);border:1px solid white}
.primary-button,.secondary-button,.ghost-button,.danger-button { border-radius:10px;padding:10px 14px;font-weight:700;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s; }
.primary-button { color:white;background:var(--blue);box-shadow:0 5px 16px rgba(77,111,255,.22); }
.primary-button:hover{background:#3d5eea;transform:translateY(-1px)}
.secondary-button { background:white;border-color:#d9dee7;color:#344054; }
.secondary-button:hover,.ghost-button:hover{background:#f7f8fa}
.ghost-button { background:transparent;color:#475467; }
.danger-button{background:var(--red-soft);color:var(--red);border-color:#ffd9df}
.small-button { padding:7px 10px;font-size:12px; }

.content { padding:28px 30px 46px; max-width:1600px; margin:auto; }
.page-head { display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px; }
.eyebrow { font-size:10px;letter-spacing:1.3px;font-weight:700;color:#8792a5;margin-bottom:5px; }
h1,h2,h3,h4,p { margin-top:0; }
h1 { font:800 26px Manrope;margin-bottom:6px;letter-spacing:-.5px; }
.page-head p { margin:0;color:var(--muted);font-size:13px; }
.page-actions { display:flex;gap:8px; }
.grid { display:grid;gap:16px; }
.kpi-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.card { background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px rgba(16,24,40,.02); }
.kpi { padding:18px;position:relative;overflow:hidden;min-height:122px; }
.kpi .kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:600}
.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;background:var(--blue-soft);color:var(--blue)}
.kpi:nth-child(2) .kpi-icon{background:var(--green-soft);color:var(--green)}.kpi:nth-child(3) .kpi-icon{background:var(--amber-soft);color:var(--amber)}.kpi:nth-child(4) .kpi-icon{background:#f2ecff;color:var(--purple)}
.kpi-value{font:800 27px Manrope;margin:12px 0 4px}.delta{font-size:11px;color:var(--green);font-weight:700}.delta.down{color:var(--red)}.delta span{color:var(--muted);font-weight:400}
.dashboard-grid { grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);margin-top:16px; }
.panel { padding:19px; }
.panel-head { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px; }
.panel-head h2{font:700 15px Manrope;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:3px 0 0}
.text-link{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:11px;padding:4px}

.funnel { display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:end;height:190px;padding-top:16px; }
.funnel-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}
.funnel-value{font-weight:800}.funnel-bar{width:100%;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#6c86ff,#4d6fff);min-height:16px;transition:.25s}.funnel-col:nth-child(2) .funnel-bar{background:linear-gradient(#65a7ff,#5085ef)}.funnel-col:nth-child(3) .funnel-bar{background:linear-gradient(#a579f2,#8b5cf6)}.funnel-col:nth-child(4) .funnel-bar{background:linear-gradient(#f6bd54,#eaa327)}.funnel-col:nth-child(5) .funnel-bar{background:linear-gradient(#38c895,#14a66f)}
.funnel-label{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.task-list,.timeline-list { display:grid;gap:8px; }
.task-row{border:1px solid var(--line);border-radius:11px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;transition:.15s}
.task-row:hover{border-color:#cdd4e1;box-shadow:0 4px 12px rgba(16,24,40,.05)}
.task-check{width:18px;height:18px;border:1.5px solid #c5ccd8;background:white;border-radius:6px;padding:0}.task-check.done{background:var(--green);border-color:var(--green);color:white}.task-row.done .task-title{text-decoration:line-through;color:#98a2b3}
.task-title{font-weight:700;font-size:12px}.task-meta{font-size:10px;color:var(--muted);margin-top:3px}.task-time{font-size:10px;color:var(--muted);text-align:right}.overdue{color:var(--red);font-weight:700}
.activity-row{display:grid;grid-template-columns:auto 1fr;gap:10px;position:relative;padding-bottom:14px}.activity-row:not(:last-child):before{content:"";position:absolute;left:15px;top:30px;bottom:0;width:1px;background:var(--line)}
.activity-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f3f5f8;color:#596579;font-size:12px;z-index:1}.activity-copy strong{font-size:11px}.activity-copy p{font-size:10px;color:var(--muted);margin:3px 0}.activity-copy time{font-size:9px;color:#98a2b3}

.toolbar { display:flex;align-items:center;gap:9px;margin-bottom:13px;flex-wrap:wrap; }
.toolbar-search{min-width:240px;flex:1;position:relative}.toolbar-search input{width:100%;padding:10px 12px 10px 34px;border:1px solid var(--line);border-radius:10px;outline:none;background:white}.toolbar-search span{position:absolute;left:12px;top:10px;color:#98a2b3}
.toolbar select{border:1px solid var(--line);background:white;border-radius:10px;padding:10px 30px 10px 11px;color:#475467;outline:none}
.table-card { overflow:hidden; }
.data-table { width:100%;border-collapse:collapse; }
.data-table th{padding:10px 15px;background:#f8f9fb;color:#7c8799;font-size:9px;letter-spacing:.6px;text-align:left;border-bottom:1px solid var(--line)}
.data-table td{padding:13px 15px;border-bottom:1px solid #eef0f3;vertical-align:middle;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer;transition:.12s}.data-table tbody tr:hover{background:#fafbff}
.identity{display:flex;align-items:center;gap:10px}.identity .avatar{background:var(--blue-soft);color:var(--blue)}.identity strong{display:block;font-size:12px}.identity small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.status { display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#f2f4f7;color:#475467;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.new{background:var(--blue-soft);color:var(--blue)}.status.contacted{background:#eef7ff;color:#3082c9}.status.appointment{background:var(--amber-soft);color:#b77a08}.status.negotiation{background:#f2ecff;color:#7c49e0}.status.won{background:var(--green-soft);color:var(--green)}.status.lost{background:var(--red-soft);color:var(--red)}
.source{font-size:10px;color:var(--muted)}
.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.pagination button{border:1px solid var(--line);background:white;border-radius:7px;padding:6px 9px;color:#475467}

.split-grid { display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px; }
.filter-panel { padding:16px;height:max-content; }
.filter-panel h3{font:700 13px Manrope;margin-bottom:16px}.field{display:grid;gap:6px;margin-bottom:13px}.field label{font-size:10px;color:#667085;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe3ea;border-radius:9px;padding:10px 11px;outline:none;background:white;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,111,255,.10)}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.vehicle-card{overflow:hidden;cursor:pointer;transition:.18s}.vehicle-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.vehicle-visual{height:128px;background:linear-gradient(145deg,#e6e9ee,#f7f8fa);display:grid;place-items:center;position:relative;overflow:hidden}.vehicle-visual:before{content:"";width:72%;height:34%;background:linear-gradient(180deg,#8b96a5,#526071);border-radius:45% 48% 18% 18%;transform:skewX(-8deg);box-shadow:0 14px 20px rgba(10,20,35,.22)}.vehicle-visual:after{content:"";position:absolute;width:62%;height:8px;border-radius:50%;background:rgba(3,10,20,.18);bottom:25px;filter:blur(4px)}.vehicle-visual.suv:before{height:43%;border-radius:30% 35% 16% 16%;background:linear-gradient(180deg,#263544,#0d1725)}.vehicle-visual.silver:before{background:linear-gradient(180deg,#d1d7dd,#89939e)}.vehicle-visual.red:before{background:linear-gradient(180deg,#ba4f56,#74282f)}
.vehicle-tag{position:absolute;top:10px;left:10px;background:white;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700;z-index:2}.vehicle-body{padding:13px}.vehicle-body h3{font:700 13px Manrope;margin-bottom:4px}.vehicle-body p{font-size:10px;color:var(--muted);margin-bottom:12px}.vehicle-meta{display:flex;justify-content:space-between;align-items:flex-end}.price{font:800 16px Manrope}.days{font-size:9px;color:var(--muted);text-align:right}.days.danger{color:var(--red)}

.kanban { display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px; }
.kanban-col{background:#edf0f4;border-radius:14px;padding:10px;min-height:420px}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.kanban-head strong{font-size:11px}.kanban-head span{font-size:9px;color:var(--muted);background:white;border-radius:999px;padding:3px 7px}.deal-card{background:white;border:1px solid #e1e5eb;border-radius:11px;padding:12px;margin-bottom:8px;cursor:pointer;box-shadow:0 2px 5px rgba(16,24,40,.03)}.deal-card:hover{border-color:#bdc6d5}.deal-card h4{font-size:12px;margin:0 0 4px}.deal-card p{font-size:10px;color:var(--muted);margin:0 0 12px}.deal-value{font-weight:800;font-size:12px}.deal-foot{display:flex;align-items:center;justify-content:space-between}.deal-foot .avatar{width:24px;height:24px;font-size:8px}.deal-age{font-size:9px;color:var(--muted)}

.calendar-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:16px}.day-strip{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.day{padding:12px;text-align:center;color:var(--muted);font-size:10px}.day strong{display:block;font:700 17px Manrope;color:var(--ink);margin-top:5px}.day.active{color:var(--blue);background:var(--blue-soft)}.day.active strong{color:var(--blue)}
.schedule{padding:14px 18px}.schedule-row{display:grid;grid-template-columns:45px 1fr;gap:12px;min-height:78px}.schedule-time{font-size:10px;color:var(--muted);padding-top:4px}.appointment-card{border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:4px 10px 10px 4px;padding:10px 12px;margin-bottom:8px}.appointment-card.test{border-color:var(--amber);background:var(--amber-soft)}.appointment-card.delivery{border-color:var(--green);background:var(--green-soft)}.appointment-card strong{display:block;font-size:11px}.appointment-card span{font-size:9px;color:var(--muted);display:block;margin-top:3px}

.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-card{padding:18px;min-height:265px}.bar-chart{height:170px;display:flex;align-items:flex-end;gap:11px;padding:20px 4px 0;border-bottom:1px solid var(--line)}.bar-group{flex:1;height:100%;display:flex;gap:4px;align-items:flex-end;position:relative}.bar{flex:1;background:var(--blue);border-radius:5px 5px 0 0;min-height:4px}.bar.alt{background:#c8d1ff}.bar-label{position:absolute;bottom:-19px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--muted)}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:32px;height:180px}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--blue) 0 42%,var(--green) 42% 69%,var(--amber) 69% 85%,var(--purple) 85%);position:relative}.donut:after{content:"26.4%\A Win rate";white-space:pre;position:absolute;inset:25px;border-radius:50%;background:white;display:grid;place-items:center;text-align:center;font-weight:800;font-size:12px}.legend{display:grid;gap:8px}.legend div{display:flex;align-items:center;gap:7px;font-size:10px}.legend i{width:7px;height:7px;border-radius:50%}

.empty-state{text-align:center;padding:65px 20px}.empty-state .empty-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-size:22px}.empty-state h3{font:700 15px Manrope;margin-bottom:5px}.empty-state p{font-size:11px;color:var(--muted);margin-bottom:17px}

.modal-backdrop{position:fixed;inset:0;background:rgba(4,10,19,.56);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;padding:18px}.modal{width:min(570px,100%);max-height:90vh;overflow:auto;background:white;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal.wide{width:min(820px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head h2{font:800 18px Manrope;margin:0}.modal-head p{color:var(--muted);font-size:11px;margin:4px 0 0}.modal-close{border:0;background:#f3f5f7;width:30px;height:30px;border-radius:9px;color:#475467}.modal-body{padding:20px 22px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:15px 22px;border-top:1px solid var(--line);background:#fafbfc;border-radius:0 0 18px 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.form-grid .span-2{grid-column:span 2}.helper{font-size:9px;color:#98a2b3}.required{color:var(--red)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(4,10,19,.25);z-index:90}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(520px,92vw);background:white;box-shadow:-24px 0 60px rgba(0,0,0,.16);display:flex;flex-direction:column}.drawer-head{padding:23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.drawer-profile{display:flex;gap:12px}.drawer-profile .avatar{width:44px;height:44px;font-size:13px}.drawer-profile h2{font:800 17px Manrope;margin:1px 0 3px}.drawer-profile p{font-size:10px;color:var(--muted);margin:0}.drawer-body{padding:20px 23px;overflow:auto}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.detail-box{background:#f7f8fa;border-radius:10px;padding:11px}.detail-box span{display:block;color:var(--muted);font-size:9px}.detail-box strong{display:block;font-size:11px;margin-top:4px}.drawer-actions{display:flex;gap:8px;margin-bottom:20px}.drawer-actions button{flex:1}.section-title{font:700 12px Manrope;margin:20px 0 10px}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px 0}.timeline-dot{width:28px;height:28px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:11px}.timeline-item strong{font-size:10px;display:block}.timeline-item span{font-size:9px;color:var(--muted);display:block;margin-top:3px}
.activity-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.activity-filter{border:1px solid var(--line);background:white;color:#667085;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.activity-filter.active{background:var(--ink);border-color:var(--ink);color:white}.customer-activity{display:grid;gap:10px}.customer-event{display:grid;grid-template-columns:34px 1fr;gap:11px;position:relative}.customer-event:not(:last-child):before{content:"";position:absolute;left:16px;top:35px;bottom:-11px;width:1px;background:var(--line)}.event-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);z-index:1}.event-icon.call{background:var(--green-soft);color:var(--green)}.event-icon.email{background:#f2ecff;color:var(--purple)}.event-icon.note{background:var(--amber-soft);color:#b77a08}.event-card{border:1px solid var(--line);border-radius:11px;padding:11px 12px;margin-bottom:2px;background:#fff}.event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.event-head strong{font-size:11px}.event-head time{font-size:9px;color:#98a2b3;white-space:nowrap}.event-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;margin-top:3px}.direction-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#f2f4f7;color:#475467;font-weight:700}.event-body{margin:9px 0 0;font-size:10px;line-height:1.5;color:#475467;background:#f8f9fb;border-radius:8px;padding:9px 10px;white-space:pre-line}.event-subject{font-weight:700;color:#344054;display:block;margin-bottom:4px}.activity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.activity-stat{background:#f7f8fa;border-radius:9px;padding:9px;text-align:center}.activity-stat strong{display:block;font:800 14px Manrope}.activity-stat span{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.pipeline-stepper{display:flex;gap:0;margin:6px 0 20px;overflow:auto}.step{display:flex;align-items:center;flex:1;min-width:80px;color:#98a2b3;font-size:9px}.step:before{content:"";width:18px;height:18px;border-radius:50%;background:#e8ebf0;border:4px solid white;box-shadow:0 0 0 1px #d8dde5;margin-right:5px;z-index:1}.step:not(:last-child):after{content:"";height:2px;background:#e4e7ec;flex:1;margin:0 4px}.step.done{color:var(--green);font-weight:700}.step.done:before{background:var(--green);box-shadow:0 0 0 1px var(--green)}.step.current{color:var(--blue);font-weight:700}.step.current:before{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.toast{position:fixed;right:22px;bottom:22px;background:#111b2b;color:white;border-radius:11px;padding:12px 16px;box-shadow:var(--shadow);font-weight:700;font-size:11px;z-index:200;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}

@media (max-width: 1180px) {
  .kpi-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.calendar-grid{grid-template-columns:1fr}.split-grid{grid-template-columns:1fr}.filter-panel{display:none}
}
@media (max-width: 820px) {
  body{padding-bottom:66px}.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:20px 0 60px rgba(0,0,0,.25)}.sidebar.open{transform:none}.main{display:block}.mobile-only{display:block!important}.topbar{height:62px;padding:0 14px;gap:8px}.global-search{width:auto;flex:1}.global-search kbd{display:none}.top-actions .notification{display:none}.primary-button{padding:10px 12px}.primary-button span{margin:0}.content{padding:20px 14px 30px}.page-head{align-items:flex-start}.page-head h1{font-size:22px}.page-head p{font-size:11px}.page-actions{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:white;border-top:1px solid var(--line);z-index:40;justify-content:space-around;padding:7px 4px max(7px,env(safe-area-inset-bottom))}.mobile-nav .nav-item{width:19%;display:flex;flex-direction:column;gap:3px;padding:4px;color:#7d8796;font-size:9px;text-align:center}.mobile-nav .nav-item.active{background:transparent;color:var(--blue);box-shadow:none}.mobile-nav .nav-icon{font-size:17px}.mobile-nav .nav-badge{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:14px;min-height:112px}.kpi-value{font-size:23px}.dashboard-grid{gap:10px}.panel{padding:14px}.funnel{height:160px}.data-table{min-width:720px}.table-card{overflow:auto}.vehicle-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.drawer-actions{display:grid;grid-template-columns:1fr 1fr}.page-head{margin-bottom:16px}.modal-backdrop{align-items:end;padding:0}.modal{max-height:92vh;border-radius:18px 18px 0 0}.modal-foot{position:sticky;bottom:0}.kanban{margin-right:-14px}.toolbar-search{min-width:100%}
}
@media (max-width: 460px) {
  .top-actions .primary-button{font-size:0;width:40px;height:40px;padding:0}.top-actions .primary-button span{font-size:19px}.global-search input::placeholder{color:transparent}.kpi-grid{grid-template-columns:1fr 1fr}.kpi .kpi-top span:first-child{max-width:100px}.funnel-label{font-size:8px}.detail-grid{grid-template-columns:1fr}.report-card{padding:14px}.donut-wrap{gap:18px}.day{padding:10px 4px}
}
.customer-drawer{width:min(620px,96vw)}
/* Automation pages reuse the CRM shell and preserve the dashboard layout. */
.automation-surface{display:grid;gap:18px;min-width:0}
.automation-surface.modal{display:block}
.automation-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border:1px solid #dce3ff;border-radius:16px;background:linear-gradient(110deg,#eef1ff,#fafbff)}
.automation-intro p{margin:9px 0 0;color:#526078;font-size:14px;line-height:1.6;max-width:720px}
.automation-intro>button{flex:none}
.automation-pill{display:inline-flex;align-items:center;gap:7px;background:#e6f6ee;color:#16764f;border:1px solid #c4e8d6;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;line-height:1.4}
.automation-pill.paused{color:#8a590d;background:var(--amber-soft);border-color:#f0d596}
.automation-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.automation-columns>*{min-width:0}
.automation-surface .panel-head h2{font-size:16px}
.automation-surface .panel-head p,.automation-surface .task-meta,.automation-surface .task-time{font-size:12px}
.automation-surface .task-title{font-size:14px;overflow-wrap:anywhere}
.automation-surface .task-row{grid-template-columns:28px minmax(0,1fr) auto}
.automation-surface .task-check{width:28px;height:28px}
.automation-surface .field label{font-size:12px;line-height:1.5}
.automation-surface .field input,.automation-surface .field select,.automation-surface .field textarea{font-size:14px;min-height:44px;width:100%}
.automation-surface .field textarea{line-height:1.6;resize:vertical}
.automation-surface .modal-head p{font-size:13px;line-height:1.5}
.automation-surface .modal-body>p{font-size:14px;line-height:1.6}
.automation-rule{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px;line-height:1.6}
.automation-rule strong{color:var(--ink)}
.automation-rule p{margin:0;color:var(--muted)}
.demo-clock{display:grid;gap:12px;background:#f6f8fc;border-radius:12px;margin-top:18px;padding:16px;font-size:14px}
.demo-clock small,.offered-slots small{font-size:12px;line-height:1.5;color:var(--muted)}
.decision-card{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.decision-card:last-child{border-bottom:0;padding-bottom:0}
.decision-title{display:flex;gap:10px;justify-content:space-between;align-items:start;flex-wrap:wrap;font-size:14px}
.decision-title time{font-size:12px;color:var(--muted)}
.decision-card a,.task-customer-link{display:inline-block;color:#3d5dc9;font-size:12px;margin-top:5px;text-decoration:none}
.decision-card a:hover,.task-customer-link:hover{text-decoration:underline}
.decision-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:7px 0 0}
.decision-change{display:inline-block;background:var(--blue-soft);color:#3d5dc9;border-radius:7px;font-size:12px;padding:5px 8px;margin-top:9px}
.scenario-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.scenario-buttons button{min-height:40px}
.simulation-footer{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap}
.simulation-footer .field{margin:0;flex:1;min-width:110px}
.simulation-footer button{min-height:44px}
.automation-empty{font-size:12px!important;line-height:1.6;color:var(--muted);margin:14px 0 0}
.customer-automation{background:#f7f9ff;border:1px solid #dfe5f6;border-radius:13px;padding:15px;margin-bottom:14px}
.automation-owner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.customer-automation>p{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0}
.customer-automation .customer-actions{grid-template-columns:1fr}
.customer-automation .human-hint{color:#8a590d;margin-bottom:0}
.offered-slots{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}
.offered-slots>strong{font-size:13px}
.offered-slots button{font-size:13px;white-space:normal;min-height:44px}
.customer-decision-log{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}
.customer-decision-log summary{font-size:14px;font-weight:700;cursor:pointer;min-height:32px}
.handoff-brief{background:var(--amber-soft);border:1px solid #f1deb1;padding:16px;border-radius:12px;margin-bottom:16px;font-size:14px;line-height:1.6}
.handoff-brief p{margin:8px 0}
.handoff-brief blockquote{margin:10px 0 0;padding-left:12px;border-left:3px solid #e4bd6d;white-space:pre-wrap;overflow-wrap:anywhere}
.handoff-brief+.customer-link{margin-bottom:18px}
.ai-task-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--blue-soft);color:var(--blue);font-size:16px}
.task-check{display:grid;place-items:center}
.calendar-grid .schedule-row{grid-template-columns:116px minmax(0,1fr)}
.calendar-grid .schedule-time{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.calendar-grid .appointment-card{min-width:0;overflow-wrap:anywhere}
.calendar-grid .appointment-card span{font-size:12px;line-height:1.5}
.dashboard-grid .task-time{max-width:112px;white-space:normal}
.handling-label{display:inline-block;background:var(--blue-soft);color:#3d5dc9;border-radius:6px;padding:5px 7px;font-size:11px;white-space:nowrap}
.handling-label.human{color:#8a590d;background:var(--amber-soft)}
.status.nurture{color:#7758b1;background:#f1ebfb}
button:disabled{cursor:default;opacity:.55;transform:none}
.customer-page .task-row{grid-template-columns:26px minmax(0,1fr);gap:10px}
.customer-page .task-time{grid-column:2;white-space:normal;text-align:left;margin-top:-6px}
@media(max-width:1180px){.automation-columns{grid-template-columns:1fr}.automation-intro{align-items:start}.automation-rule{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:820px){.automation-intro{flex-direction:column;padding:17px;gap:14px}.automation-intro>button{width:100%}.automation-surface .task-row{grid-template-columns:28px minmax(0,1fr)}.automation-surface .task-time{grid-column:2;text-align:left;white-space:normal}.automation-surface .field input,.automation-surface .field select,.automation-surface .field textarea{font-size:16px}.scenario-buttons button{min-height:44px}.simulation-footer button{width:100%}.automation-surface .modal-foot{flex-wrap:wrap}.automation-surface .modal-foot button{flex:1}}
@media(max-width:460px){.automation-rule{grid-template-columns:1fr;gap:5px}.automation-surface .kpi-top{align-items:start}.automation-surface .kpi-top>span:first-child{max-width:80px}.automation-owner .text-link{min-height:36px}.calendar-grid .schedule-row{grid-template-columns:1fr;gap:5px}.calendar-grid .schedule{padding:10px 0}}
.customer-link{color:inherit;text-decoration:none;font-weight:700;display:block}.customer-link:hover{text-decoration:underline;color:var(--blue)}
.customer-page{min-width:0}.customer-back{width:max-content;text-decoration:none;margin-bottom:18px;font-size:14px}
.customer-layout{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:20px;align-items:start}
.customer-overview,.customer-history{padding:22px;min-width:0}
.customer-identity{display:flex;gap:12px;align-items:center;margin-bottom:20px}.customer-identity .avatar{width:46px;height:46px;background:var(--blue-soft);color:var(--blue);font-size:15px;flex:none}.customer-identity h2{font:800 18px Manrope;margin:0 0 7px}
.customer-contact{display:grid;gap:5px;margin-bottom:18px;overflow-wrap:anywhere}.customer-contact span{font-size:12px;color:var(--muted)}.customer-contact strong{font-size:14px;font-weight:500;margin-bottom:10px}
.customer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-actions button{font-size:14px;min-height:44px}
.customer-demo-note{font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0 20px}
.customer-details{display:grid;gap:10px}.customer-page .detail-box span,.customer-page .field label{font-size:12px}.customer-page .detail-box strong,.customer-page .field select{font-size:14px;overflow-wrap:anywhere}
.customer-page .section-title,.customer-page .panel-head h2{font-size:16px}.customer-page .panel-head p{font-size:12px}
.customer-page .activity-stat strong{font-size:22px}.customer-page .activity-stat span{font-size:12px}.customer-page .activity-filter{font-size:14px;min-height:40px;padding:8px 12px}
.customer-page .event-head strong{font-size:14px}.customer-page .event-head time,.customer-page .event-meta{font-size:12px}.customer-page .event-head{flex-wrap:wrap}.customer-page .event-meta{flex-wrap:wrap}.customer-page .event-body{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.customer-page .event-card{padding:16px}.customer-page .task-title{font-size:14px;overflow-wrap:anywhere}.customer-page .task-meta,.customer-page .task-time{font-size:12px}.customer-page .task-check{width:24px;height:24px}
@media(max-width:1050px){.customer-layout{grid-template-columns:1fr}.customer-overview,.customer-history{padding:18px}.customer-details{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.customer-details{grid-template-columns:1fr}.customer-page .event-head time{white-space:normal}.customer-page .event-card{padding:12px}.customer-page .customer-event{grid-template-columns:28px minmax(0,1fr);gap:8px}.customer-page .event-icon{width:28px;height:28px}.customer-page .activity-summary{gap:5px}.customer-page .activity-stat{padding:8px 5px}}
.customer-drawer .drawer-actions{display:grid;grid-template-columns:repeat(4,1fr)}
@media (max-width: 620px) {
  .customer-drawer .drawer-actions{grid-template-columns:1fr 1fr}
}

/* AI Sales Assistant settings */
.settings-page{display:grid;gap:18px;max-width:1180px;margin:0 auto 90px}.settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#edf0f5;border-radius:15px;padding:5px}.settings-tabs button{border:0;border-radius:11px;background:transparent;color:#667085;text-align:left;padding:13px 16px;cursor:pointer}.settings-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(16,24,40,.08)}.settings-tabs span{display:block;font:700 15px Manrope}.settings-tabs small{display:block;font-size:12px;margin-top:4px;color:#7d8796}.settings-stack{display:grid;gap:16px}.settings-section{overflow:hidden}.settings-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}.settings-section-head h2{font:800 17px Manrope;margin:0}.settings-section-head p{font-size:13px;line-height:1.55;color:var(--muted);margin:5px 0 0;max-width:720px}.settings-section-body{padding:20px 22px}.settings-form-grid{margin-top:18px;gap:2px 16px}.settings-section .field{margin-bottom:16px}.settings-section .field label,.channel-field legend{font-size:12px}.settings-section .field input,.settings-section .field select,.settings-section .field textarea{font-size:14px;min-height:44px}.settings-section .field textarea{line-height:1.55;resize:vertical}.settings-section .field small{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-top:6px}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 18px;cursor:pointer}.settings-toggle>span{display:grid;gap:4px}.settings-toggle strong{font-size:14px}.settings-toggle small{font-size:12px;line-height:1.45;color:var(--muted)}.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-toggle i{width:44px;height:24px;border-radius:999px;background:#cfd5df;position:relative;flex:none;transition:.2s}.settings-toggle i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.settings-toggle input:checked+i{background:var(--green)}.settings-toggle input:checked+i:after{transform:translateX(20px)}.settings-toggle input:focus-visible+i{outline:3px solid rgba(74,103,224,.25);outline-offset:2px}.settings-list{display:grid;gap:12px}.settings-list-card,.followup-rule{border:1px solid var(--line);border-radius:13px;background:#fbfcfd;overflow:hidden}.settings-list-card{padding:16px}.settings-list-title,.followup-rule-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.settings-list-title strong{font-size:14px}.danger-link{color:#b42318!important}.channel-field{border:0;margin:0 0 16px;padding:0}.channel-field legend{font-weight:700;color:#475467;margin-bottom:11px}.channel-field label{display:inline-flex;align-items:center;gap:8px;font-size:14px;margin-right:20px}.channel-field input,.day-pill input{accent-color:var(--blue)}.followup-list{margin-bottom:20px}.followup-rule{border-left:3px solid var(--blue);background:#fff}.followup-rule.disabled-rule{border-left-color:#98a2b3;opacity:.8}.followup-rule-head{padding:15px 17px;margin:0;border-bottom:1px solid var(--line)}.followup-rule-head>div:first-child{display:grid;gap:6px;flex:1}.followup-rule-head input{border:0;background:transparent;font:700 15px Manrope;padding:0;min-width:0;width:100%}.followup-rule-head .settings-toggle{padding:0;max-width:260px}.followup-rule-head .settings-toggle small{display:none}.followup-rule-body{display:grid;gap:22px;padding:18px}.settings-kicker{display:block;font-size:11px;font-weight:800;color:#7a8494;letter-spacing:.05em}.followup-rule-body p{font-size:13px;color:var(--muted);margin:6px 0 0}.day-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:13px 0 18px}.day-pill input{position:absolute;opacity:0}.day-pill span{display:grid;place-items:center;min-height:34px;border:1px solid var(--line);border-radius:999px;color:#667085;font-size:12px;font-weight:700;cursor:pointer}.day-pill input:checked+span{background:#15803d;border-color:#15803d;color:#fff}.day-pill input:focus-visible+span{outline:3px solid rgba(74,103,224,.25)}.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.settings-list-footer{border-top:1px solid var(--line);padding:10px 18px;text-align:right}.escalation-grid{margin-top:0}.settings-savebar{position:fixed;z-index:30;left:224px;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:13px 32px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(16,24,40,.06);backdrop-filter:blur(8px)}.settings-savebar>div{display:grid;margin-right:auto}.settings-savebar strong{font-size:14px}.settings-savebar span{font-size:12px;color:var(--muted);margin-top:3px}
@media(max-width:900px){.rule-grid{grid-template-columns:1fr 1fr}.settings-savebar{left:0;bottom:66px;padding:11px 16px}.settings-page{margin-bottom:150px}}
@media(max-width:620px){.settings-tabs{grid-template-columns:1fr}.settings-section-head{flex-direction:column;padding:17px}.settings-section-head button{width:100%}.settings-section-body{padding:17px}.day-picker{grid-template-columns:repeat(4,1fr)}.rule-grid{grid-template-columns:1fr}.followup-rule-head{align-items:flex-start;flex-direction:column}.followup-rule-head .settings-toggle{width:100%;max-width:none}.settings-savebar>div{display:none}.settings-savebar button{width:100%}}