:root{--bg:#fff7f7;--surface:#fff;--surface-2:#fff0f1;--text:#27151a;--muted:#776168;--line:#eedcdf;--brand:#c1121f;--brand-2:#7f0d17;--danger:#b42318;--success:#027a48;--warning:#b54708;--shadow:0 12px 30px #13214414;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:900;display:flex}.brand-mark{background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 8px 18px #c1121f40}.brand-text{font-size:1.08rem}.auth-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100svh;display:grid}.auth-hero{color:#fff;background:radial-gradient(circle at 20% 15%,#ef5964 0,#0000 38%),linear-gradient(145deg,#4d0810,#8f101b 55%,#5d0a13);flex-direction:column;justify-content:space-between;min-height:100svh;padding:48px;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-210px;right:-180px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.auth-hero-content{z-index:1;max-width:620px;position:relative}.auth-kicker{text-transform:uppercase;letter-spacing:.16em;opacity:.75;font-size:.8rem;font-weight:700}.auth-hero h1{letter-spacing:-.055em;margin:14px 0 18px;font-size:clamp(2.3rem,4.5vw,4.7rem);line-height:.98}.auth-hero p{color:#ffffffd1;max-width:560px;line-height:1.7}.auth-bullets{gap:12px;max-width:520px;margin-top:32px;display:grid}.auth-bullet{color:#ffffffe0;align-items:center;gap:10px;font-size:.94rem;display:flex}.auth-bullet svg{flex:none}.auth-side{background:linear-gradient(#fff,snow);place-items:center;min-height:100svh;padding:32px;display:grid}.auth-card{width:min(440px,100%)}.auth-card h2{letter-spacing:-.035em;margin:28px 0 8px;font-size:1.8rem}.auth-card .sub{color:var(--muted);margin:0 0 26px;line-height:1.5}.field{gap:7px;margin:0 0 16px;display:grid}.field label{font-size:.86rem;font-weight:700}.input-wrap{position:relative}.input-wrap svg{color:#8a94a6;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;height:48px;padding:0 14px 0 43px;transition:all .18s}.input:focus{border-color:#e88b93;box-shadow:0 0 0 4px #c1121f17}.primary-btn{color:#fff;background:linear-gradient(#d72735,#c1121f);border:0;border-radius:12px;width:100%;height:48px;font-weight:800;box-shadow:0 8px 18px #c1121f38}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.text-btn{color:var(--brand);margin-top:16px;font-size:.9rem;font-weight:700;display:inline-flex}.error-box{color:var(--danger);background:#fff2f0;border:1px solid #f3b3ad;border-radius:11px;margin:0 0 16px;padding:11px 12px;font-size:.88rem;line-height:1.4}.portal{grid-template-columns:256px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;height:100svh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar .brand{padding:5px 8px 18px}.nav-scroll{padding:5px 0;overflow:auto}.nav-group{margin:12px 0}.nav-label{color:#98a2b3;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px 7px;font-size:.69rem;font-weight:800}.nav-link{color:#526079;border-radius:11px;align-items:center;gap:11px;min-height:42px;margin:2px 0;padding:0 12px;font-size:.91rem;font-weight:700;display:flex}.nav-link.active{color:var(--brand);background:#fff0f1}.nav-link.disabled{opacity:.38;pointer-events:none}.nav-link svg{width:18px;height:18px}.sidebar-footer{margin-top:auto;padding:12px 8px 2px}.user-mini{border:1px solid var(--line);border-radius:13px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.avatar{width:36px;height:36px;color:var(--brand);background:#fde3e6;border-radius:50%;place-items:center;font-weight:900;display:grid}.user-mini strong,.user-mini small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-mini strong{font-size:.82rem}.user-mini small{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:.72rem}.icon-btn{color:#776168;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{background:#f2f4f7}.main-col{min-width:0}.topbar{z-index:15;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e3e8efe6;align-items:center;gap:14px;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{min-width:0}.topbar-title strong{letter-spacing:-.02em;display:block}.topbar-title span{color:var(--muted);margin-top:2px;font-size:.76rem;display:block}.topbar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.mobile-menu{display:none}.content{max-width:1600px;margin:0 auto;padding:26px 28px 40px}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.04em;margin:0;font-size:1.85rem}.page-head p{color:var(--muted);margin:7px 0 0;line-height:1.5}.page-actions{flex-wrap:wrap;gap:9px;display:flex}.secondary-btn{border:1px solid var(--line);color:#344054;background:#fff;border-radius:10px;min-height:40px;padding:0 14px;font-weight:750}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.panel,.record-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 1px 2px #10182805}.metric-card{padding:18px}.metric-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-icon{width:38px;height:38px;color:var(--brand);background:#fff0f1;border-radius:11px;place-items:center;display:grid}.metric-label{color:var(--muted);font-size:.8rem;font-weight:700}.metric-value{letter-spacing:-.04em;margin-top:14px;font-size:1.65rem;font-weight:900}.metric-note{color:var(--muted);margin-top:5px;font-size:.76rem}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-top:14px;display:grid}.panel{min-width:0;padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head h2{margin:0;font-size:1rem}.activity-list{display:grid}.activity-item{border-top:1px solid #eef1f5;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;display:grid}.activity-item:first-child{border-top:0}.activity-icon{color:#776168;background:#f2f4f7;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.activity-item strong{font-size:.87rem;display:block}.activity-item p{color:var(--muted);margin:3px 0 0;font-size:.78rem;line-height:1.35}.activity-time{color:#98a2b3;white-space:nowrap;font-size:.72rem}.progress-row{margin:14px 0 17px}.progress-meta{justify-content:space-between;gap:8px;margin-bottom:7px;font-size:.81rem;display:flex}.progress-track{background:#edf0f4;border-radius:999px;height:7px;overflow:hidden}.progress-fill{background:var(--brand);border-radius:inherit;height:100%}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.search{flex:1;min-width:240px;max-width:460px;position:relative}.search svg{color:#98a2b3;width:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;width:100%;height:42px;padding:0 12px 0 38px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #eef1f5;padding:13px 15px;font-size:.82rem}th{z-index:1;color:#776168;text-transform:uppercase;letter-spacing:.055em;background:#fafbfc;font-size:.72rem;position:sticky;top:0}tbody tr:hover{background:#fafcff}td strong{font-size:.85rem}.pill{color:#475467;text-transform:capitalize;background:#eef2f6;border-radius:999px;align-items:center;min-height:25px;padding:0 8px;font-size:.72rem;font-weight:800;display:inline-flex}.pill.good{color:var(--success);background:#ecfdf3}.pill.warn{color:var(--warning);background:#fffaeb}.pill.blue{color:#b42318;background:#fff1f0}.empty{text-align:center;color:var(--muted);padding:40px 18px}.customer-shell{background:#f6f8fc;min-height:100svh}.customer-top{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:68px;padding:0 max(18px,50vw - 590px);display:flex}.customer-top .right{align-items:center;gap:8px;margin-left:auto;display:flex}.customer-content{width:min(1180px,100% - 36px);margin:0 auto;padding:30px 0 46px}.customer-hero{color:#fff;background:linear-gradient(125deg,#690b14,#d92d3a);border-radius:24px;padding:26px;box-shadow:0 16px 36px #c1121f2e}.customer-hero h1{letter-spacing:-.045em;margin:7px 0 8px;font-size:clamp(1.7rem,4vw,2.5rem)}.customer-hero p{color:#fffc;margin:0}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.vehicle-card{border:1px solid var(--line);background:#fff;border-radius:18px;gap:15px;padding:18px;transition:all .16s;display:grid}.vehicle-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.vehicle-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vehicle-card h3{letter-spacing:-.02em;margin:0}.vehicle-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.meta-box{background:#f7f9fc;border-radius:11px;min-width:0;padding:10px}.meta-box small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:800;display:block}.meta-box span{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.82rem;display:block;overflow:hidden}.status-steps{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.status-step{background:#e6eaf0;border-radius:999px;height:5px}.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;display:grid}.photo-box{aspect-ratio:16/9;color:#98a2b3;background:#eef2f7;border-radius:16px;place-items:center;display:grid;overflow:hidden}.photo-box img{object-fit:cover;width:100%;height:100%}.info-list{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.info-row{background:#fff;padding:13px}.info-row small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.69rem;font-weight:800;display:block}.info-row strong{margin-top:5px;font-size:.86rem;display:block}.drawer-backdrop,.mobile-drawer{display:none}@media (max-width:1080px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.detail-grid{grid-template-columns:1fr}}@media (max-width:820px){.auth-page{grid-template-columns:1fr}.auth-hero{justify-content:flex-end;min-height:280px;padding:28px 24px}.auth-hero .brand,.auth-bullets{display:none}.auth-hero h1{max-width:520px;font-size:2.2rem}.auth-side{place-items:start center;min-height:auto;padding:30px 20px 40px}.auth-card h2{margin-top:10px}.portal{grid-template-columns:1fr}.sidebar{display:none}.mobile-menu{display:grid}.topbar{height:64px;padding:0 16px}.topbar-title span{display:none}.content{padding:20px 16px 34px}.page-head{flex-direction:column;align-items:flex-start}.drawer-backdrop.open{z-index:49;background:#10182870;display:block;position:fixed;inset:0}.mobile-drawer.open{z-index:50;background:#fff;flex-direction:column;width:min(310px,86vw);padding:15px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:16px 0 36px #10182829}.mobile-drawer .drawer-head{justify-content:space-between;align-items:center;padding:2px 5px 16px;display:flex}.mobile-drawer .nav-scroll{flex:1}.vehicle-grid{grid-template-columns:1fr}.customer-top{padding:0 18px}.customer-content{width:calc(100% - 28px);padding-top:20px}}@media (max-width:560px){.auth-hero{min-height:225px}.auth-hero p{display:none}.metric-grid{grid-template-columns:1fr}.metric-card{padding:16px}.content{padding-left:12px;padding-right:12px}.page-head h1{font-size:1.55rem}.activity-item{grid-template-columns:34px 1fr}.activity-time{display:none}.toolbar{grid-template-columns:1fr;display:grid}.search{min-width:0;max-width:none}.customer-hero{border-radius:20px;padding:20px}.vehicle-meta{grid-template-columns:1fr 1fr}.info-list{grid-template-columns:1fr}}.success-box{color:var(--success);background:#ecfdf3;border:1px solid #a6f4c5;border-radius:11px;margin:0 0 16px;padding:11px 12px;font-size:.88rem;line-height:1.4}.form-panel{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:16px;padding:18px}.form-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:800;list-style:none;display:flex}.form-panel summary::-webkit-details-marker{display:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-field{gap:6px;min-width:0;display:grid}.form-field.full{grid-column:1/-1}.form-field label{color:#475467;font-size:.79rem;font-weight:750}.form-control{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:9px 11px}textarea.form-control{resize:vertical;min-height:92px}.form-control:focus{border-color:#e88b93;box-shadow:0 0 0 3px #c1121f17}.checkbox-row{align-items:center;gap:8px;min-height:42px;display:flex}.action-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.action-row.right{justify-content:flex-end}.primary-inline{color:#fff;background:var(--brand);border:0;border-radius:10px;min-height:40px;padding:0 15px;font-weight:800}.danger-btn{min-height:40px;color:var(--danger);background:#fff5f4;border:1px solid #f3b3ad;border-radius:10px;padding:0 14px;font-weight:800}.link-btn{border:1px solid var(--line);color:#344054;background:#fff;border-radius:9px;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:.8rem;font-weight:750;display:inline-flex}.table-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.table-actions form{display:inline-flex}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:17px}.detail-card h2{margin:0 0 14px;font-size:1rem}.kv-grid{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.kv{background:#fff;min-width:0;padding:11px}.kv small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:800;display:block}.kv strong,.kv span{overflow-wrap:anywhere;margin-top:4px;font-size:.84rem;display:block}.subtle{color:var(--muted);font-size:.82rem;line-height:1.55}.month-head{border:1px solid var(--line);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 8px;padding:11px 14px;display:flex}.month-head h2{margin:0;font-size:.96rem}.split-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:15px;display:grid}.sticky-detail{position:sticky;top:86px}.stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.mini-stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.mini-stat small{color:var(--muted);font-size:.7rem;font-weight:750}.mini-stat strong{margin-top:5px;font-size:1.05rem;display:block}.callout{color:#344054;background:#fff6f6;border:1px solid #f2cfd3;border-radius:11px;padding:12px 14px;font-size:.82rem;line-height:1.55}.print-only{display:none}@media (max-width:920px){.form-grid.three,.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout{grid-template-columns:1fr}.sticky-detail{position:static}}@media (max-width:620px){.form-grid,.form-grid.three,.form-grid.four,.section-grid,.kv-grid,.stat-strip{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .secondary-btn,.page-actions .primary-inline{flex:1}}@media print{.sidebar,.topbar,.page-actions,.no-print,.mobile-menu,.toolbar,.action-row{display:none!important}.portal{display:block}.content{max-width:none;padding:0}body{background:#fff}.print-only{display:block}.panel,.detail-card{box-shadow:none;border-color:#bbb}}.duty-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;display:grid}@media (max-width:1200px){.duty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.duty-grid{grid-template-columns:1fr}}.invoice-sheet{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(900px,100%);margin:0 auto;padding:34px}.invoice-head{border-bottom:2px solid #27151a;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:22px;padding-bottom:18px;display:flex}.invoice-title{letter-spacing:-.04em;font-size:2rem;font-weight:900}.invoice-meta{text-align:right;line-height:1.6}.invoice-two{grid-template-columns:1fr 1fr;gap:26px;margin:20px 0;display:grid}.invoice-table{width:100%;min-width:0}.invoice-total{width:min(390px,100%);margin:22px 0 0 auto}.invoice-total .row{border-bottom:1px solid #eee;justify-content:space-between;gap:20px;padding:8px 0;display:flex}.invoice-total .grand{border-top:2px solid #27151a;font-size:1.1rem;font-weight:900}@media (max-width:620px){.invoice-sheet{border-radius:12px;padding:20px}.invoice-head,.invoice-two{grid-template-columns:1fr;display:grid}.invoice-meta{text-align:left}.invoice-title{font-size:1.6rem}}@media print{.invoice-sheet{border:0;width:100%;padding:0}.invoice-head{margin-top:0}.invoice-title{font-size:24pt}}.profit-compare{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.profit-compare h3{margin:0 0 10px;font-size:.9rem}.profit-compare .form-grid{grid-template-columns:1fr 1fr}@media (max-width:850px){.profit-compare{grid-template-columns:1fr}}@media (max-width:560px){.profit-compare .form-grid{grid-template-columns:1fr}}.customer-estimator .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.epic-document{color:#111;background:#fff;font-family:Arial,Helvetica,sans-serif}.epic-letterhead{align-items:flex-start}.doc-kind{letter-spacing:.02em;margin-bottom:7px;font-size:1.25rem;font-weight:800}.doc-contact{margin:8px 0 0;font-size:.84rem;line-height:1.45}.doc-number-box{text-align:left;border:1px solid #777;min-width:265px;padding:12px 14px;line-height:1.6}.doc-section{margin-top:24px;line-height:1.55}.doc-section-title{margin-bottom:8px;font-size:1rem;font-weight:800}.vehicle-invoice-box{border:1px solid #999;grid-template-columns:minmax(0,3fr) .55fr 1fr;gap:14px;min-height:200px;padding:14px;font-size:.9rem;display:grid}.invoice-qty,.invoice-base{text-align:right}.extra-line{margin-top:8px}.terms-block{font-size:.88rem}.terms-copy{font-style:italic}.signature-block{margin-top:30px;font-size:.9rem;line-height:1.55}.signature-line{margin-bottom:2px}.letter-contact-head{border-bottom:2px solid #111;grid-template-columns:1fr 1.15fr;align-items:start;gap:30px;padding-bottom:18px;display:grid}.letter-contact-list{font-size:.85rem;line-height:1.65}.letter-date{margin-top:58px;font-size:1rem}.letter-subject{margin:22px 0 36px;font-size:1rem}.no-interest-letter p{text-align:justify;margin:18px 0;font-size:1rem;line-height:1.8}.letter-vehicle-lines{margin:22px 0;line-height:1.7}.letter-signoff{margin-top:48px;line-height:1.55}@media (max-width:700px){.doc-number-box{min-width:0}.vehicle-invoice-box{grid-template-columns:1fr}.invoice-qty,.invoice-base{text-align:left}.letter-contact-head{grid-template-columns:1fr}.letter-date{margin-top:32px}}@media print{.epic-document{box-shadow:none!important;border:none!important;max-width:none!important;margin:0!important;padding:12mm!important}.doc-number-box{break-inside:avoid}.no-interest-letter p{font-size:11pt}.letter-contact-head{grid-template-columns:1fr 1.15fr}.vehicle-invoice-box{grid-template-columns:minmax(0,3fr) .55fr 1fr}}.metric-link{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.metric-link:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10182814}.activity-link{color:inherit;border-radius:10px;text-decoration:none}.activity-link:hover{background:#0f172a09}.dashboard-side-stack{gap:16px;min-width:0;display:grid}.quick-actions{flex-wrap:wrap;gap:10px;display:flex}.quick-action{border:1px solid var(--border);color:inherit;background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-weight:650;text-decoration:none;display:inline-flex}.quick-action:hover{background:var(--surface-2)}.page-head.compact{margin-bottom:14px}.linked-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.linked-card{border:1px solid var(--border);color:inherit;background:var(--surface);border-radius:10px;flex-direction:column;gap:4px;padding:12px;text-decoration:none;display:flex}.linked-card:hover{background:var(--surface-2)}.linked-card small{color:var(--muted)}@page{size:A4;margin:10mm}.brand-graphic{letter-spacing:0}.brand-logo-wrap{background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:4px 7px;display:inline-flex;overflow:hidden}.brand-logo{object-fit:contain;width:150px;height:48px;display:block}.brand-graphic.compact .brand-logo-wrap{padding:3px 5px}.brand-graphic.compact .brand-logo{width:42px;height:32px}.sidebar .brand-logo{width:156px;height:52px}.auth-hero .brand-logo-wrap{padding:7px 10px;box-shadow:0 8px 24px #00000024}.auth-hero .brand-logo{width:190px;height:66px}.customer-top .brand-logo{width:132px;height:44px}.secondary-btn,.primary-inline,.danger-btn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.sort-note{color:var(--muted);margin:-3px 0 12px;font-size:.78rem}.sort-head{color:inherit;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.sort-head svg{opacity:.42}.sort-head:hover,.sort-head.active{color:var(--brand)}.sort-head.active svg{opacity:1}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1018287a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;width:min(760px,100%);max-height:min(86svh,820px);display:flex;overflow:hidden;box-shadow:0 28px 80px #1018283d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.modal-head h2{margin:0;font-size:1.1rem}.modal-head p{color:var(--muted);margin:5px 0 0;font-size:.84rem}.vehicle-picker>.callout{margin:16px 18px 0}.vehicle-picker-search{flex:none;max-width:none;margin:14px 18px}.vehicle-picker .success-box,.vehicle-picker .error-box{margin:0 18px 12px}.vehicle-picker-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px;overflow:auto}.vehicle-picker-row{text-align:left;width:100%;color:var(--text);background:#fff;border:0;border-bottom:1px solid #eef1f5;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);align-items:center;gap:16px;padding:13px 18px;display:grid}.vehicle-picker-row:hover{background:snow}.vehicle-picker-row:disabled{opacity:.6;cursor:wait}.vehicle-picker-row strong{display:block}.vehicle-picker-row small{color:var(--muted);text-transform:capitalize;margin-top:4px;display:block}.vehicle-picker-vin{text-align:right;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.modal-foot{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.duty-notice{margin-top:10px}.supplier-detail-stack{gap:14px;margin-bottom:16px;display:grid}.supplier-admin-grid{margin:0}.supplier-admin-grid .detail-card h2{align-items:center;gap:8px;display:flex}.danger-zone{background:snow;border-color:#f4c7c3}.invoice-meta-col{justify-items:end;gap:10px;min-width:280px;display:grid}.document-logo{object-fit:contain;width:230px;height:105px;display:block}.no-interest-letter{position:relative;overflow:hidden}.letter-watermark{z-index:0;opacity:.045;pointer-events:none;width:84%;height:auto;position:absolute;bottom:7%;left:8%;right:8%}.no-interest-letter>:not(.letter-watermark){z-index:1;position:relative}.letter-logo-cell{justify-content:center;align-items:flex-start;display:flex}.letter-logo{object-fit:contain;width:min(330px,100%);height:122px;display:block}.stamped-signoff{min-height:140px;margin-top:10px;position:relative}.document-stamp{object-fit:contain;opacity:.9;width:190px;height:125px;position:absolute;top:-10px;left:36px}.signoff-copy{z-index:2;position:absolute;top:86px;left:0}@media (max-width:700px){.vehicle-picker-row{grid-template-columns:1fr;gap:6px}.vehicle-picker-vin{text-align:left}.invoice-meta-col{justify-items:start;min-width:0}.document-logo{width:190px;height:88px}.brand-logo{width:130px;height:42px}.customer-top .brand-logo{width:112px;height:38px}}@media print{.document-logo{width:54mm;height:28mm}.letter-logo{width:82mm;height:31mm}.letter-watermark{opacity:.045}.document-stamp{width:47mm;height:32mm}}.sidebar{background:linear-gradient(#fff 0%,snow 100%)}.nav-link:hover{color:#5f1720;background:#fff1f2}.nav-link.active{color:var(--brand);box-shadow:inset 3px 0 0 var(--brand);background:#fff0f1}.topbar{background:#fffffff0;border-bottom-color:#eedcdf}.metric-icon{color:var(--brand);background:#fff0f1}.customer-hero{background:linear-gradient(125deg,#6f0b14,#c1121f 58%,#e04450)}.status-step.done{background:var(--brand)}.primary-btn{background:linear-gradient(#d92d3a,#b80f1c)}.callout{background:#fff6f6;border-color:#f2cfd3}.active-tab{color:var(--brand)!important;background:#fff0f1!important;border-color:#e7a0a7!important}.sidebar-empty{border:1px dashed var(--line);color:var(--muted);border-radius:10px;margin:14px 10px;padding:12px;font-size:.78rem;line-height:1.45}.settings-section{margin-bottom:16px}.settings-section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.settings-section-head h2{margin:0 0 5px}.settings-section-head p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.55}.permission-users{gap:14px;margin-top:14px;display:grid}.permission-user-card{border:1px solid var(--line);background:snow;border-radius:14px;padding:15px}.permission-user-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.permission-user-head strong,.permission-user-head span{display:block}.permission-user-head>div>span{color:var(--muted);margin-top:4px;font-size:.78rem}.permission-count{color:var(--brand);white-space:nowrap;font-size:.75rem;font-weight:800}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.feature-toggle{border:1px solid var(--line);min-height:58px;color:var(--text);text-align:left;background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.feature-toggle:hover{background:snow;border-color:#e6a0a7}.feature-toggle.on{background:#fff0f1;border-color:#dfa0a6}.feature-toggle small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;display:block}.feature-toggle strong{margin-top:2px;font-size:.81rem;display:block}.toggle-switch{color:#fff;background:#e9e2e4;border-radius:999px;flex:none;place-items:center;width:38px;height:22px;display:grid;position:relative}.feature-toggle.on .toggle-switch{background:var(--brand)}.permission-notice{color:var(--muted);margin-top:9px;font-size:.75rem}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analytics-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:14px;margin-top:14px;display:grid}.analytics-section{margin-top:14px}.period-links{flex-wrap:wrap;gap:6px;display:flex}.analytics-bars{gap:12px;display:grid}.analytics-bar>div:first-child{justify-content:space-between;gap:12px;font-size:.78rem;display:flex}.analytics-bar span{color:var(--muted)}.analytics-track{background:#f2e7e9;border-radius:999px;height:7px;margin-top:7px;overflow:hidden}.analytics-track i{background:linear-gradient(90deg,var(--brand),#e04450);border-radius:inherit;height:100%;display:block}.compact-list{display:grid}.compact-list-row{border-top:1px solid #f1e7e9;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.compact-list-row:first-child{border-top:0}.compact-list-row span:last-child{text-align:right}.compact-list-row strong,.compact-list-row small{display:block}.compact-list-row small{color:var(--muted);text-transform:capitalize;margin-top:2px;font-size:.7rem}.analytics-table{min-width:1280px}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:.8rem;display:flex}.disabled-control{opacity:.45;pointer-events:none}@media (max-width:980px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}}@media (max-width:620px){.permission-grid{grid-template-columns:1fr}.permission-user-head,.settings-section-head{flex-direction:column;align-items:flex-start}.period-links{width:100%}.period-links .secondary-btn{flex:1}.analytics-metrics{grid-template-columns:1fr 1fr}}.login-kv{margin-bottom:18px}#supplier-login .callout{margin:12px 0 18px}.live-search input[type=search]::-webkit-search-cancel-button{cursor:pointer}.live-search.is-searching input{border-color:#fda29b;box-shadow:0 0 0 3px #d11d2a12}.document-vehicle-picker{margin-bottom:18px}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap>svg{color:var(--muted);z-index:1;pointer-events:none;position:absolute;left:13px}.search-input-wrap>.form-control{padding-left:40px}.document-picker-hint{margin-top:7px}.document-selected-vehicle{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 14px;padding:13px 15px;display:grid}.document-selected-vehicle small,.document-selected-vehicle span{color:var(--muted);display:block}.document-selected-vehicle strong{margin:2px 0;display:block}.document-selected-vehicle code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.document-vehicle-results{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:500px;overflow:auto}.document-vehicle-result{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);align-items:center;gap:16px;padding:13px 15px;display:grid}.document-vehicle-result:last-child{border-bottom:0}.document-vehicle-result:hover{background:#fff7f7}.document-vehicle-result.selected{box-shadow:inset 3px 0 0 var(--primary);background:#fff1f2}.document-vehicle-result:disabled{opacity:.65;cursor:wait}.document-result-main strong{display:block}.document-result-main small{color:var(--muted);text-transform:none;margin-top:3px;display:block}.document-result-vin{text-align:right;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}@media (max-width:700px){.document-selected-vehicle,.document-vehicle-result{grid-template-columns:1fr}.document-result-vin{text-align:left}}input[name=name],input[name=address],input[name=invoice_name],input[name=invoice_address],input[name=customer_name],input[name=customer_address],input[name=issued_name],input[name=issued_address],input[name=make],input[name=model],input[name=vehicle_make],input[name=vehicle_model]{text-transform:uppercase}