:root{--bg:#080613;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#fffaf8;--muted:#b7accb;--purple:#8b5cf6;--pink:#ec4899;--green:#34d399;--yellow:#fbbf24;--red:#fb7185;--blue:#60a5fa;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:"Segoe UI",Tahoma,sans-serif;background:radial-gradient(circle at 10% 5%,rgba(139,92,246,.32),transparent 30%),radial-gradient(circle at 92% 15%,rgba(236,72,153,.22),transparent 26%),linear-gradient(135deg,#070511,#140a27 48%,#23103d);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}input,select,textarea{width:100%;color:#fff;background:rgba(12,8,27,.76);border:1px solid var(--line);border-radius:16px;padding:13px 14px;outline:none}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:rgba(196,181,253,.8);box-shadow:0 0 0 4px rgba(139,92,246,.16)}label{display:grid;gap:7px;color:#e9ddff;font-weight:800;font-size:13px}small,.muted{color:var(--muted)}.bg-orb{position:fixed;z-index:-1;border-radius:999px;filter:blur(4px)}.orb-one{width:280px;height:280px;left:-100px;bottom:10%;background:rgba(52,211,153,.11)}.orb-two{width:340px;height:340px;right:-140px;bottom:-90px;background:rgba(236,72,153,.14)}
.app-shell{width:min(1540px,100%);margin:auto;padding:20px;display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}.sidebar{position:sticky;top:20px;min-height:calc(100vh - 40px);border:1px solid var(--line);border-radius:30px;background:rgba(10,7,22,.80);backdrop-filter:blur(18px);box-shadow:var(--shadow);padding:17px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple),var(--pink));font-size:28px;box-shadow:0 14px 30px rgba(139,92,246,.35)}.brand strong{display:block;font-size:20px}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:12px}.nav{display:grid;gap:9px;margin-top:14px}.nav a{display:flex;align-items:center;gap:11px;border-radius:17px;padding:13px 14px;color:var(--muted);font-weight:900;transition:.16s}.nav a:hover,.nav a.active{color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.46),rgba(236,72,153,.16));box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}.user-box{display:flex;gap:10px;align-items:center;margin-top:18px;padding:13px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-weight:1000}.user-box strong,.user-box small{display:block}.logout,.side-note{display:block;margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);color:var(--muted);text-align:center}.logout:hover{background:rgba(251,113,133,.16);color:#fff}.main-content{min-width:0;display:grid;gap:18px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.075);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.page-head h1{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-.7px}.page-head p{margin:8px 0 0;color:var(--muted);line-height:1.6}.head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;padding:12px 15px;background:rgba(255,255,255,.10);border:1px solid var(--line);color:#fff;font-weight:1000;transition:.16s;white-space:nowrap}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.15);box-shadow:0 14px 28px rgba(0,0,0,.24)}.btn.primary{border:0;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 16px 34px rgba(139,92,246,.28)}.btn.danger{background:rgba(251,113,133,.18);border-color:rgba(251,113,133,.28)}.btn.small{padding:8px 10px;border-radius:12px;font-size:12px}.btn.full{width:100%}.alert{padding:13px 15px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.08);font-weight:800}.alert.success{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.28)}.alert.danger{background:rgba(251,113,133,.16);border-color:rgba(251,113,133,.30)}
.card{border:1px solid var(--line);border-radius:26px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.045)}.card-head h2{margin:0;font-size:21px}.card-head p{margin:4px 0 0;color:var(--muted);line-height:1.45;font-size:13px}.card-body{padding:17px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat-card{position:relative;overflow:hidden;min-height:128px;padding:17px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 16px 38px rgba(0,0,0,.22)}.stat-card:after{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}.stat-card span{display:block;color:var(--muted);font-weight:900}.stat-card strong{position:relative;z-index:1;display:block;margin-top:10px;font-size:29px}.stat-card small{position:relative;z-index:1;display:block;margin-top:7px}.stat-card.green{background:linear-gradient(145deg,rgba(52,211,153,.18),rgba(255,255,255,.055))}.stat-card.pink{background:linear-gradient(145deg,rgba(236,72,153,.18),rgba(255,255,255,.055))}.stat-card.red{background:linear-gradient(145deg,rgba(251,113,133,.18),rgba(255,255,255,.055))}.grid{display:grid;gap:18px}.two-one{grid-template-columns:1fr 380px}.form-list{grid-template-columns:390px 1fr;align-items:start}.sticky-card{position:sticky;top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.filter-bar{display:grid;grid-template-columns:1fr auto;gap:12px}.list-stack{display:grid;gap:12px}.lot-row,.mini-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.065)}.lot-row:hover{background:rgba(255,255,255,.10)}.lot-row strong,.lot-row small{display:block}.lot-row small{margin-top:4px}.lot-meta{min-width:170px;display:grid;gap:8px;text-align:right}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.progress{display:block;height:10px;min-width:140px;border-radius:999px;background:rgba(255,255,255,.11);overflow:hidden}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink))}.positive{color:#9af5c9!important}.negative{color:#fecdd3!important}.warning-text{color:#fde68a!important}.mini-row strong,.mini-row span,.mini-row small{display:block}.mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-stats span{padding:8px 10px;border-radius:13px;background:rgba(255,255,255,.075);border:1px solid var(--line);font-size:12px;color:var(--muted)}.mini-stats b{color:#fff}.mini-stats.vertical{display:grid}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.summary-card{padding:16px}.summary-card strong,.summary-card small{display:block}.summary-card strong{font-size:18px}.parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.part-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.065);overflow:hidden}.part-img{height:180px;background:radial-gradient(circle at 30% 15%,rgba(139,92,246,.24),transparent 35%),rgba(255,255,255,.06);display:grid;place-items:center;color:var(--muted);font-size:42px}.part-img img{width:100%;height:100%;object-fit:cover}.part-content{padding:14px}.part-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:1000;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}.pill.success,.pill.sold{background:rgba(52,211,153,.16);color:#bbf7d0}.pill.warning,.pill.booked{background:rgba(251,191,36,.16);color:#fde68a}.pill.danger{background:rgba(251,113,133,.16);color:#fecdd3}.pill.stock{background:rgba(139,92,246,.18);color:#ddd6fe}.preview-photo img{width:100%;max-height:160px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.empty,.empty-cell{text-align:center;color:var(--muted);padding:22px;border-radius:18px;background:rgba(255,255,255,.045);border:1px dashed var(--line)}.empty-cell{border:0;background:transparent}.login-wrap{min-height:calc(100vh - 40px);display:grid;place-items:center}.login-card{width:min(900px,100%);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.075);box-shadow:var(--shadow)}.login-hero{padding:38px;background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.25),transparent 36%),linear-gradient(145deg,rgba(139,92,246,.28),rgba(255,255,255,.05))}.big-logo{width:82px;height:82px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple),var(--pink));font-size:44px;box-shadow:0 18px 40px rgba(139,92,246,.34)}.login-hero h1{font-size:44px;line-height:1;margin:22px 0 10px}.login-hero p{color:var(--muted);line-height:1.7}.login-form{padding:30px;display:grid;gap:13px}.form-panel{background:rgba(7,5,17,.42)}.demo-box{display:grid;gap:5px;margin-top:8px;padding:13px;border-radius:18px;background:rgba(255,255,255,.06);color:var(--muted);font-size:13px}.demo-box strong{color:#fff}.demo-box b{color:#fff}
@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;min-height:auto}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.two-one,.form-list{grid-template-columns:1fr}.sticky-card{position:relative;top:0}.stat-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.parts-grid{grid-template-columns:1fr}.login-card{grid-template-columns:1fr}}
@media(max-width:700px){.app-shell{padding:13px}.page-head{align-items:flex-start;flex-direction:column;border-radius:24px}.head-actions,.btn{width:100%}.nav{grid-template-columns:1fr}.form-grid,.filter-bar,.stat-grid,.summary-grid{grid-template-columns:1fr}.lot-row,.mini-row{align-items:flex-start;flex-direction:column}.lot-meta{width:100%;text-align:left}.progress{width:100%}.row-actions{justify-content:flex-start}.card,.sidebar{border-radius:22px}.login-hero h1{font-size:34px}}
.hint{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.assignment-preview{display:grid;gap:6px;padding:14px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid var(--line)}.assignment-preview strong{font-size:17px}.assignment-preview span{color:var(--muted)}

/* ===== AutoBreak Ledger v1.0.0 UI Refresh ===== */
body{background:radial-gradient(circle at 8% 8%,rgba(34,211,238,.16),transparent 28%),radial-gradient(circle at 92% 10%,rgba(236,72,153,.18),transparent 30%),linear-gradient(140deg,#080615 0%,#160b2d 45%,#10091d 100%)}
.app-shell{width:min(1680px,100%);grid-template-columns:270px minmax(0,1fr);gap:22px;padding:24px}.sidebar{border-radius:28px;background:linear-gradient(180deg,rgba(12,9,28,.92),rgba(9,6,20,.82));box-shadow:0 30px 80px rgba(0,0,0,.34);padding:16px}.brand{padding:4px 2px 12px;border-bottom:1px solid var(--line)}.brand-logo{border-radius:17px;background:linear-gradient(145deg,#22d3ee,#a855f7 55%,#ec4899)}.brand small{font-size:11px}.nav a{padding:12px 13px;border-radius:15px}.nav a.active{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(168,85,247,.28),rgba(236,72,153,.12));border:1px solid rgba(255,255,255,.10)}.main-content{gap:20px}.clean-head{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.055));border-radius:30px;overflow:hidden;position:relative}.clean-head:after{content:"";position:absolute;right:-70px;top:-120px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.055);pointer-events:none}.clean-head>*{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;width:max-content;margin-bottom:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#e9d5ff;font-size:12px;font-weight:1000;letter-spacing:.2px}.vehicle-line{margin-top:8px!important;color:#dbeafe!important;font-weight:800}.compact-stats .stat-card{min-height:110px}.card{border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.055));box-shadow:0 22px 60px rgba(0,0,0,.26)}.card-head{background:rgba(255,255,255,.045)}.filter-bar.lot-filter{grid-template-columns:minmax(220px,1fr) 180px auto auto;margin-bottom:16px}.filter-bar.parts-filter{grid-template-columns:300px minmax(180px,1fr) 160px auto;margin-bottom:16px}.lot-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lot-card-new{position:relative;display:grid;gap:13px;padding:17px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.045));box-shadow:0 16px 38px rgba(0,0,0,.18);overflow:hidden}.lot-card-new:before{content:"";position:absolute;right:-40px;top:-50px;width:130px;height:130px;border-radius:50%;background:rgba(34,211,238,.07)}.lot-card-new>*{position:relative;z-index:1}.lot-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lot-card-top h3{margin:8px 0 3px;font-size:20px;line-height:1.25}.lot-card-top p{margin:0;color:var(--muted)}.lot-money{text-align:right}.lot-money strong,.lot-money small{display:block}.lot-money strong{font-size:20px}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.identity-grid span{padding:10px;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);color:#fff;font-weight:850;min-width:0;overflow:hidden;text-overflow:ellipsis}.identity-grid b{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.wide-progress{width:100%;min-width:0}.lot-actions{border-top:1px solid var(--line);padding-top:12px}.form-card{max-width:1040px}.wide-form{margin:0 auto}.section-divider{padding-top:10px;border-top:1px solid var(--line)}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions .btn{min-width:180px}.spacious-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.part-card{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.045));box-shadow:0 14px 32px rgba(0,0,0,.16)}.part-img{height:160px}.part-content strong{font-size:16px}.mini-stats span{background:rgba(255,255,255,.08)}.muted{color:var(--muted)}
@media(max-width:1350px){.lot-board,.spacious-grid{grid-template-columns:1fr}.filter-bar.parts-filter{grid-template-columns:1fr 1fr}.filter-bar.lot-filter{grid-template-columns:1fr 180px}}
@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.lot-board{grid-template-columns:1fr}.spacious-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{padding:12px}.clean-head{align-items:flex-start}.filter-bar.lot-filter,.filter-bar.parts-filter,.identity-grid,.spacious-grid{grid-template-columns:1fr}.lot-card-top{flex-direction:column}.lot-money{text-align:left}.form-actions .btn{width:100%}.nav{grid-template-columns:1fr}.part-img{height:150px}}

/* ===== Engine Jakkapat Admin Dashboard v1.0.2 ===== */
:root{--ej-bg:#f4f7fb;--ej-card:#ffffff;--ej-text:#172033;--ej-muted:#6d7484;--ej-line:#e7ebf2;--ej-blue:#1267f3;--ej-blue2:#0b55d9;--ej-navy:#06182c;--ej-navy2:#08233f;--ej-green:#16a34a;--ej-red:#ef4444;--ej-amber:#f59e0b;--ej-purple:#7c3aed;--ej-shadow:0 16px 40px rgba(17,24,39,.08)}
body{background:var(--ej-bg)!important;color:var(--ej-text)!important}.bg-orb{display:none!important}.ej-shell{width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:0!important;background:var(--ej-bg)!important}.ej-sidebar{position:sticky!important;top:0!important;min-height:100vh!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#04162a,#08284a 62%,#061a31)!important;color:#eaf3ff!important;box-shadow:12px 0 40px rgba(5,20,40,.10)!important;padding:20px 16px!important}.ej-main{min-width:0!important;padding:0 22px 28px!important;display:grid!important;gap:18px!important}.ej-brand{display:flex!important;align-items:center!important;gap:12px!important;padding:0 2px 22px!important;margin:0 0 14px!important;border:0!important;color:#fff!important}.ej-emblem{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#dbeafe,#3388ff 60%,#04234a);box-shadow:0 12px 26px rgba(18,103,243,.25);font-size:28px}.ej-brand-text strong{display:block;font-size:30px;line-height:.9;font-weight:1000;letter-spacing:1px}.ej-brand-text b{display:block;color:#3291ff;font-size:18px;letter-spacing:1.2px}.ej-nav{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}.ej-nav a{color:#d8e7f8!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;padding:13px 14px!important;display:flex!important;align-items:center!important;gap:14px!important;font-weight:800!important}.ej-nav a span{width:24px;text-align:center;font-size:18px;color:#c7d7ea!important}.ej-nav a:hover{background:rgba(255,255,255,.08)!important}.ej-nav a.active{background:linear-gradient(135deg,#1173ff,#0b5ce4)!important;color:#fff!important;box-shadow:0 12px 22px rgba(18,103,243,.28)!important}.ej-nav a.active span{color:#fff!important}.ej-side-card{margin-top:24px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);display:grid;grid-template-columns:58px 1fr;gap:11px}.ej-shop-thumb{height:58px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#93c5fd);display:grid;place-items:center;color:#09203d}.ej-side-card strong,.ej-side-card small,.ej-side-card a{display:block}.ej-side-card small{color:#b9cce2;line-height:1.45;margin:3px 0 8px}.ej-side-card a{color:#60a5fa;font-weight:900}.ej-version{position:absolute;left:22px;bottom:22px;color:#b9cce2;font-size:13px}.ej-topbar{height:78px;margin:0 -22px 0!important;padding:0 26px;background:#fff;border-bottom:1px solid var(--ej-line);display:grid;grid-template-columns:auto minmax(260px,560px) auto;align-items:center;gap:24px;box-shadow:0 8px 20px rgba(17,24,39,.035)}.ej-top-left{display:flex;align-items:center;gap:16px;font-size:18px;color:#111827}.hamburger{width:42px;height:42px;border-radius:12px;background:#f5f7fb;color:#233044;border:1px solid var(--ej-line);font-size:20px}.ej-search{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #dfe5ee;border-radius:12px;padding:0 12px;height:46px}.ej-search span{color:#667085}.ej-search input{border:0!important;box-shadow:none!important;background:transparent!important;color:#111827!important;padding:0!important;border-radius:0!important}.ej-search input::placeholder{color:#8a94a6}.ej-search kbd{color:#8a94a6;background:#eef2f7;border:1px solid #dfe5ee;border-radius:7px;padding:2px 8px;font-size:12px}.ej-user-mini{justify-self:end;display:flex;align-items:center;gap:12px;min-width:max-content}.ej-user-mini strong,.ej-user-mini small{display:block}.ej-user-mini small{color:var(--ej-muted)}.ej-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#c7d2fe,#93c5fd);color:#0b2450;font-weight:1000}.ej-bell{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f8fafc;border:1px solid var(--ej-line)}.ej-bell i{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center;font-weight:1000}.ej-logout{padding:8px 10px;border-radius:9px;background:#f1f5f9;color:#334155;font-weight:800}.alert{border-radius:12px!important}.ej-dashboard{display:grid;gap:18px}.ej-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ej-kpi-card{min-height:134px;background:#fff;border:1px solid var(--ej-line);border-radius:14px;box-shadow:var(--ej-shadow);padding:18px 18px 12px;display:grid;grid-template-columns:1fr auto;gap:14px;overflow:hidden}.ej-kpi-card span,.ej-kpi-card small{display:block}.ej-kpi-card span{font-weight:900;color:#374151}.ej-kpi-card strong{display:block;margin:8px 0 8px;font-size:28px;letter-spacing:-.6px;color:#111827}.ej-kpi-card small{color:var(--ej-muted)}.ej-kpi-side{display:grid;justify-items:end;gap:6px;min-width:130px}.ej-kpi-side i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px}.ej-kpi-side i.blue{background:#eaf2ff}.ej-kpi-side i.purple{background:#f1eafe}.ej-kpi-side i.amber{background:#fff3dc}.ej-kpi-side i.green{background:#e8f8ee}.ej-kpi-side b{font-size:13px}.ej-kpi-side b.up{color:var(--ej-green)}.ej-kpi-side b.down{color:var(--ej-red)}.ej-kpi-side svg{width:130px;height:36px}.ej-kpi-side polyline{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ej-dashboard-grid.top{display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(270px,.7fr) minmax(270px,.7fr);gap:16px}.ej-dashboard-grid.bottom{display:grid;grid-template-columns:minmax(560px,1.5fr) minmax(310px,.75fr) minmax(320px,.75fr);gap:16px}.ej-panel{background:#fff;border:1px solid var(--ej-line);border-radius:14px;box-shadow:var(--ej-shadow);overflow:hidden}.ej-panel-head{min-height:62px;padding:16px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ej-line)}.ej-panel-head h2{margin:0;color:#111827;font-size:18px}.ej-panel-head p{margin:4px 0 0;color:var(--ej-muted);font-size:13px}.ej-panel-head a{color:var(--ej-blue);font-weight:900;font-size:13px}.ej-select-chip{padding:8px 12px;border-radius:9px;border:1px solid var(--ej-line);background:#f8fafc;color:#334155;font-weight:800}.ej-chart-panel{min-height:340px}.ej-chart-wrap{position:relative;padding:8px 16px 14px}.ej-chart{width:100%;height:250px;display:block}.ej-chart .gridline{stroke:#e5e7eb;stroke-width:1}.ej-chart .area{fill:rgba(37,99,235,.10)}.ej-chart .line{fill:none;stroke:#2563eb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.ej-chart .dot{fill:#2563eb;stroke:#fff;stroke-width:3}.ej-chart .peak{fill:#2563eb;stroke:#bfdbfe;stroke-width:5}.ej-tooltip{position:absolute;transform:translate(-50%,-10%);background:#fff;border:1px solid var(--ej-line);border-radius:10px;box-shadow:0 18px 34px rgba(17,24,39,.14);padding:10px 14px;color:#111827;min-width:150px}.ej-tooltip b,.ej-tooltip span{display:block}.ej-tooltip span{font-size:13px;color:#475569;margin-top:3px}.ej-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);padding:0 28px 2px;color:#6b7280;font-size:13px}.ej-chart-labels span{text-align:center}.ej-alert-list,.ej-order-list,.ej-employee-list{display:grid}.ej-alert-item,.ej-order-item,.ej-employee-item{display:grid;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--ej-line);color:#1f2937}.ej-alert-item{grid-template-columns:54px minmax(0,1fr) auto}.ej-alert-item .thumb{width:46px;height:46px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden}.ej-alert-item .thumb img{width:100%;height:100%;object-fit:cover}.ej-alert-item strong,.ej-alert-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ej-alert-item small{color:var(--ej-muted);margin-top:3px}.ej-alert-item em,.ej-order-item em,.ej-status{font-style:normal;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:1000;white-space:nowrap}.ej-alert-item em.hot{background:#fee2e2;color:#dc2626}.ej-alert-item em.warn{background:#fef3c7;color:#d97706}.ej-order-item{grid-template-columns:90px minmax(0,1fr) 84px auto}.ej-order-item b{color:#334155}.ej-order-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ej-order-item strong{text-align:right;color:#111827}.ej-order-item em.done,.ej-status.success{background:#dcfce7;color:#16a34a}.ej-order-item em.pending,.ej-status.warning{background:#dbeafe;color:#2563eb}.ej-status.info{background:#eef2ff;color:#4f46e5}.ej-table-wrap{padding:0 16px 16px}.ej-table{min-width:780px;color:#1f2937}.ej-table th{background:#f8fafc;color:#64748b;border-bottom:1px solid var(--ej-line);font-size:12px}.ej-table td{border-bottom:1px solid var(--ej-line);color:#1f2937}.ej-employee-item{grid-template-columns:42px minmax(0,1fr) 86px 82px}.ej-employee-item .face{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e0f2fe;color:#075985;font-weight:1000}.ej-employee-item strong,.ej-employee-item small{display:block}.ej-employee-item small{color:var(--ej-muted)}.ej-employee-item b{text-align:right;color:#334155}.ej-employee-item em{text-align:right;color:#16a34a;font-style:normal;font-weight:1000}.ej-assign-form{padding:16px;display:grid;gap:12px}.ej-assign-form label{color:#1f2937}.ej-assign-form input,.ej-assign-form select,.ej-assign-form textarea{background:#fff!important;color:#111827!important;border:1px solid #dbe2ec!important}.ej-radio{grid-template-columns:auto 1fr!important;display:grid!important;gap:10px!important;align-items:start;padding:10px;border-radius:12px;border:1px solid var(--ej-line);background:#fbfdff}.ej-radio input{width:auto!important;margin-top:3px}.ej-radio b,.ej-radio small{display:block}.ej-radio small{color:var(--ej-muted);font-weight:600;margin-top:2px}.btn.full{width:100%}.ej-main .card,.ej-main .page-head,.ej-main .stat-card{background:#fff!important;color:#111827!important;border:1px solid var(--ej-line)!important;box-shadow:var(--ej-shadow)!important}.ej-main .card h1,.ej-main .card h2,.ej-main .page-head h1{color:#111827!important}.ej-main .card p,.ej-main .page-head p,.ej-main small,.ej-main .muted,.ej-main .hint{color:#6b7280!important}.ej-main .btn{background:#f8fafc!important;border:1px solid #dbe2ec!important;color:#1f2937!important}.ej-main .btn.primary{background:linear-gradient(135deg,#1267f3,#0b55d9)!important;color:#fff!important;border:0!important}.ej-main .btn.danger,.ej-main .btn.red{background:#fee2e2!important;color:#b91c1c!important;border-color:#fecaca!important}.ej-main input,.ej-main select,.ej-main textarea{background:#fff!important;color:#111827!important;border-color:#dbe2ec!important}.ej-main input::placeholder{color:#94a3b8}.ej-main th,.ej-main td{color:#1f2937}.ej-main .pill.stock{background:#e8f0ff!important;color:#2563eb!important}.ej-main .pill.sold,.ej-main .pill.success{background:#dcfce7!important;color:#16a34a!important}.ej-main .pill.booked,.ej-main .pill.warning{background:#fef3c7!important;color:#d97706!important}.ej-main .positive{color:#16a34a!important}.ej-main .negative{color:#dc2626!important}.ej-main .warning-text{color:#d97706!important}.empty,.empty-cell{color:#64748b!important;background:#f8fafc!important;border-color:#dbe2ec!important}
@media(max-width:1380px){.ej-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ej-dashboard-grid.top,.ej-dashboard-grid.bottom{grid-template-columns:1fr 1fr}.ej-chart-panel,.ej-inventory-panel{grid-column:1/-1}.ej-topbar{grid-template-columns:1fr}.ej-search{max-width:none}.ej-user-mini{justify-self:start}}
@media(max-width:980px){.ej-shell{grid-template-columns:1fr!important}.ej-sidebar{position:relative!important;min-height:auto!important}.ej-version{position:static;margin-top:14px}.ej-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ej-main{padding:0 14px 24px!important}.ej-topbar{margin:0 -14px!important}.ej-dashboard-grid.top,.ej-dashboard-grid.bottom,.ej-kpis{grid-template-columns:1fr}.ej-order-item{grid-template-columns:1fr;align-items:start}.ej-order-item strong{text-align:left}.ej-employee-item{grid-template-columns:42px 1fr}.ej-employee-item b,.ej-employee-item em{text-align:left}}
@media(max-width:620px){.ej-nav{grid-template-columns:1fr!important}.ej-kpi-card{grid-template-columns:1fr}.ej-kpi-side{justify-items:start}.ej-alert-item{grid-template-columns:44px 1fr}.ej-alert-item em{grid-column:2}.ej-topbar{padding:12px 14px;height:auto}.ej-user-mini{flex-wrap:wrap}.ej-brand-text strong{font-size:24px}.ej-sidebar{padding:16px!important}}
.management-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hub-card{position:relative;overflow:hidden;min-height:148px;display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--ej-line);box-shadow:var(--ej-shadow);color:#111827;transition:.16s}.hub-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,23,42,.12)}.hub-card:after{content:"";position:absolute;right:-42px;top:-52px;width:150px;height:150px;border-radius:50%;opacity:.12}.hub-card.vehicle:after{background:#2563eb}.hub-card.engine:after{background:#7c3aed}.hub-card.parts:after{background:#f59e0b}.hub-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:#eff6ff}.hub-card.engine .hub-icon{background:#f3e8ff}.hub-card.parts .hub-icon{background:#fff7ed}.hub-card h2{margin:0 0 6px;color:#111827;font-size:22px}.hub-card p{margin:0;color:#64748b;line-height:1.45}.hub-card b{display:block;margin-top:12px;color:#0f172a}.hub-card em{position:relative;z-index:1;align-self:end;font-style:normal;padding:9px 12px;border-radius:999px;background:#f1f5f9;color:#2563eb;font-weight:1000}.btn.success{background:rgba(52,211,153,.16)!important;border-color:rgba(52,211,153,.30)!important;color:#047857!important}.ej-main .btn.success{background:#dcfce7!important;border-color:#bbf7d0!important;color:#047857!important}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.pill.info{background:#eef2ff!important;color:#4f46e5!important}.vehicle-line{font-size:13px!important;margin-top:5px!important}.section-divider{padding-top:8px;border-top:1px dashed #dbe2ec}@media(max-width:1180px){.management-hub{grid-template-columns:1fr}.hub-card{grid-template-columns:58px 1fr}}@media(max-width:620px){.hub-card{grid-template-columns:1fr}.hub-card em{justify-self:start}}

/* Engine Jakkapat Purple System v1.0.4 */
:root{
  --ej-bg:#f7f3ff;--ej-bg2:#fff;--ej-deep:#1c083d;--ej-deep2:#2d1060;--ej-purple:#7c3aed;--ej-purple2:#a855f7;--ej-pink:#ec4899;--ej-blue:#2563eb;--ej-line:#e7dff7;--ej-text:#201238;--ej-muted:#7c6b97;--ej-green:#16a34a;--ej-red:#e11d48;--ej-amber:#f59e0b;--ej-shadow:0 18px 45px rgba(62,24,111,.11)
}
body{background:radial-gradient(circle at 12% -10%,rgba(168,85,247,.22),transparent 28%),radial-gradient(circle at 95% 0%,rgba(236,72,153,.15),transparent 24%),linear-gradient(180deg,#fbf8ff,#f4efff 42%,#f7f3ff)!important;color:var(--ej-text)!important}.ej-shell{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;grid-template-columns:280px minmax(0,1fr)!important;gap:0!important}.ej-sidebar{border-radius:0!important;border:0!important;min-height:100vh!important;top:0!important;background:linear-gradient(180deg,#17072f,#21094d 48%,#11051f)!important;box-shadow:12px 0 40px rgba(31,7,65,.18)!important;padding:22px 18px!important}.ej-brand{padding:2px 0 18px!important;border-bottom:1px solid rgba(255,255,255,.12)}.ej-emblem{width:54px!important;height:54px!important;border-radius:18px!important;background:linear-gradient(135deg,#7c3aed,#ec4899)!important;box-shadow:0 14px 35px rgba(168,85,247,.36)!important}.ej-brand-text strong{color:#fff!important}.ej-brand-text b{color:#c4b5fd!important}.ej-nav{gap:8px!important}.ej-nav a{height:48px;border-radius:14px!important;color:#cfc3e8!important;background:transparent!important}.ej-nav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;transform:translateX(2px)}.ej-nav a.active{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important;box-shadow:0 14px 28px rgba(124,58,237,.32)!important}.ej-side-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;color:#fff!important}.ej-side-card small,.ej-version{color:#cfc3e8!important}.ej-version{left:18px!important;bottom:18px!important}.ej-main{padding:0 24px 30px!important;gap:20px!important;background:transparent!important}.ej-topbar{height:74px!important;margin:0 -24px 18px!important;padding:0 24px!important;background:rgba(255,255,255,.86)!important;border-bottom:1px solid var(--ej-line)!important;backdrop-filter:blur(20px)!important;box-shadow:0 10px 30px rgba(62,24,111,.06)!important}.ej-top-left strong{color:var(--ej-text)!important}.hamburger{background:#f4efff!important;border:1px solid var(--ej-line)!important;color:var(--ej-purple)!important}.ej-search{background:#fff!important;border:1px solid var(--ej-line)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(62,24,111,.05)!important}.ej-search input{background:transparent!important;color:var(--ej-text)!important}.ej-user-mini{background:#fff!important;border:1px solid var(--ej-line)!important;border-radius:18px!important;color:var(--ej-text)!important}.ej-avatar{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important}.ej-bell{background:#f8f5ff!important;color:#7c3aed!important}.ej-logout{color:#7c3aed!important;background:#f4efff!important;border-radius:999px!important;padding:8px 12px!important}.page-head,.ej-main .page-head{background:linear-gradient(135deg,#fff,#fbf8ff)!important;border:1px solid var(--ej-line)!important;border-radius:26px!important;box-shadow:var(--ej-shadow)!important;color:var(--ej-text)!important;padding:24px!important}.page-head h1,.ej-main .page-head h1{color:var(--ej-text)!important;font-size:clamp(30px,3.5vw,46px)!important}.page-head p{color:var(--ej-muted)!important}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;padding:7px 11px;border-radius:999px;background:#f3e8ff;color:#7c3aed;font-size:12px;font-weight:1000}.card,.ej-panel,.ej-main .card,.ej-main .stat-card{background:#fff!important;border:1px solid var(--ej-line)!important;border-radius:22px!important;box-shadow:var(--ej-shadow)!important;color:var(--ej-text)!important}.card-head,.ej-panel-head{background:linear-gradient(180deg,#fff,#fbf8ff)!important;border-bottom:1px solid var(--ej-line)!important;padding:18px 20px!important}.card-head h2,.ej-panel-head h2{color:var(--ej-text)!important}.card-body{padding:20px!important}.stat-card,.ej-kpi-card{background:linear-gradient(135deg,#fff,#fbf8ff)!important;border:1px solid var(--ej-line)!important;border-radius:22px!important;box-shadow:var(--ej-shadow)!important}.stat-card:after,.ej-kpi-card:after{background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(236,72,153,.10))!important}.stat-card strong,.ej-kpi-card strong{color:var(--ej-text)!important}.btn,.ej-main .btn{border-radius:14px!important;background:#fff!important;border:1px solid var(--ej-line)!important;color:#4c1d95!important;font-weight:1000!important}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(124,58,237,.14)!important}.btn.primary,.ej-main .btn.primary{background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#ec4899)!important;color:#fff!important;border:0!important;box-shadow:0 16px 34px rgba(124,58,237,.24)!important}.btn.danger,.ej-main .btn.danger,.btn.red,.ej-main .btn.red{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}.btn.success,.ej-main .btn.success{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}input,select,textarea,.ej-main input,.ej-main select,.ej-main textarea{background:#fff!important;color:var(--ej-text)!important;border:1px solid #e6ddf5!important;border-radius:14px!important;padding:13px 14px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:#a855f7!important;box-shadow:0 0 0 4px rgba(168,85,247,.15)!important}label{color:#4c1d95!important;font-size:13px!important;font-weight:900!important}.form-grid{gap:16px!important}.wide-form{width:min(1180px,100%)!important;margin:0 auto!important}.form-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;align-items:center!important;padding-top:12px!important;border-top:1px solid var(--ej-line)!important}.lot-row,.mini-row,.part-card{background:#fff!important;border:1px solid var(--ej-line)!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(62,24,111,.06)!important}.lot-row:hover,.mini-row:hover{box-shadow:0 16px 38px rgba(124,58,237,.13)!important;border-color:#d8b4fe!important}.pill{border:0!important}.pill.stock,.ej-main .pill.stock{background:#f3e8ff!important;color:#7c3aed!important}.pill.sold,.pill.success,.ej-main .pill.sold,.ej-main .pill.success{background:#dcfce7!important;color:#16a34a!important}.pill.booked,.pill.warning,.ej-main .pill.booked,.ej-main .pill.warning{background:#fef3c7!important;color:#d97706!important}.pill.danger{background:#ffe4e6!important;color:#e11d48!important}.progress{background:#f1e9ff!important}.progress i{background:linear-gradient(90deg,#7c3aed,#ec4899)!important}table{background:#fff!important}th{background:#faf7ff!important;color:#7c6b97!important}td{color:var(--ej-text)!important}.empty,.empty-cell{background:#fbf8ff!important;border:1px dashed #d8b4fe!important;color:var(--ej-muted)!important}.management-hub{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hub-card{border-color:var(--ej-line)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff,#fbf8ff)!important;box-shadow:var(--ej-shadow)!important}.hub-card.vehicle:after,.hub-card.engine:after,.hub-card.parts:after{background:linear-gradient(135deg,#7c3aed,#ec4899)!important}.hub-icon{background:#f3e8ff!important;color:#7c3aed!important}.hub-card em{background:#f3e8ff!important;color:#7c3aed!important}.login-card{background:#fff!important;border:1px solid var(--ej-line)!important;box-shadow:var(--ej-shadow)!important}.login-hero{background:radial-gradient(circle at 20% 20%,rgba(236,72,153,.22),transparent 32%),linear-gradient(135deg,#2d1060,#7c3aed)!important}.login-form{background:#fff!important;color:var(--ej-text)!important}.login-form h2{color:var(--ej-text)!important}.alert{border-radius:16px!important}.alert.success{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}.alert.danger{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}
.vehicle-form-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.vehicle-form-main{display:grid;gap:18px}.vehicle-section{border:1px solid var(--ej-line);border-radius:22px;background:#fff;box-shadow:var(--ej-shadow);overflow:hidden}.vehicle-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#fff,#fbf8ff);border-bottom:1px solid var(--ej-line)}.vehicle-section-head h2{margin:0;font-size:20px;color:var(--ej-text)}.vehicle-section-head p{margin:5px 0 0;color:var(--ej-muted);font-size:13px}.vehicle-section-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:22px;box-shadow:0 12px 26px rgba(124,58,237,.22)}.vehicle-section-body{padding:20px}.vehicle-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vehicle-form-grid .wide{grid-column:1/-1}.option-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.radio-card{position:relative;display:grid!important;gap:7px!important;padding:14px;border:1px solid var(--ej-line);border-radius:18px;background:#fbf8ff;color:var(--ej-text)!important;cursor:pointer}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card b{font-size:15px}.radio-card small{color:var(--ej-muted)!important;font-weight:700!important}.radio-card:has(input:checked){border-color:#a855f7;background:linear-gradient(135deg,#f3e8ff,#fff);box-shadow:0 0 0 4px rgba(168,85,247,.12)}.vehicle-preview{position:sticky;top:92px;display:grid;gap:16px}.preview-card{border:1px solid var(--ej-line);border-radius:24px;background:linear-gradient(135deg,#2d1060,#5b21b6 55%,#a21caf);color:#fff;box-shadow:0 22px 50px rgba(76,29,149,.25);overflow:hidden}.preview-top{padding:20px;border-bottom:1px solid rgba(255,255,255,.14)}.preview-top small{color:#ddd6fe!important}.preview-top h2{margin:8px 0 0;color:#fff;font-size:24px;line-height:1.2}.preview-body{padding:18px;display:grid;gap:10px}.preview-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#efe7ff}.preview-line b{color:#fff}.preview-help{border:1px solid var(--ej-line);border-radius:22px;background:#fff;padding:18px;box-shadow:var(--ej-shadow)}.preview-help h3{margin:0 0 10px;color:var(--ej-text)}.preview-help ul{margin:0;padding-left:20px;color:var(--ej-muted);line-height:1.8}.sticky-submit{position:sticky;bottom:0;z-index:5;display:flex;gap:12px;justify-content:flex-end;padding:14px 0 0;background:linear-gradient(180deg,rgba(247,243,255,0),#f7f3ff 36%)}
@media(max-width:1180px){.vehicle-form-shell{grid-template-columns:1fr}.vehicle-preview{position:relative;top:0}.management-hub{grid-template-columns:1fr!important}.two-one,.form-list{grid-template-columns:1fr!important}.stat-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ej-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:820px){.ej-shell{grid-template-columns:1fr!important}.ej-sidebar{position:relative!important;min-height:auto!important}.ej-main{padding:0 14px 24px!important}.ej-topbar{margin:0 -14px 16px!important;height:auto!important;min-height:74px!important;grid-template-columns:1fr!important}.ej-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vehicle-form-grid,.option-cards,.form-grid,.parts-grid,.stat-grid,.summary-grid,.ej-kpis{grid-template-columns:1fr!important}.page-head{flex-direction:column!important;align-items:flex-start!important}.head-actions,.form-actions,.sticky-submit{width:100%;justify-content:stretch!important}.head-actions .btn,.form-actions .btn,.sticky-submit .btn{flex:1}.ej-version{position:static!important;margin-top:14px}}
@media(max-width:560px){.ej-nav{grid-template-columns:1fr!important}.ej-main{padding-left:10px!important;padding-right:10px!important}.page-head,.card,.vehicle-section,.preview-card{border-radius:18px!important}.card-body,.vehicle-section-body{padding:14px!important}}
.breakeven-card{margin:14px 0 16px;border:1px solid rgba(168,85,247,.22);background:linear-gradient(135deg,#fff,rgba(168,85,247,.08));box-shadow:0 18px 50px rgba(104,34,180,.10)}
.breakeven-card .card-body{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.breakeven-card strong{font-size:22px;color:#4c1d95}
.breakeven-card p{margin:0;color:#6b5d7c;font-weight:800}
.breakeven-card.success{border-color:rgba(34,197,94,.25);background:linear-gradient(135deg,#fff,rgba(34,197,94,.10))}
.breakeven-card.success strong{color:#15803d}
@media(max-width:760px){.breakeven-card .card-body{align-items:flex-start;flex-direction:column}}