:root{--navy:#101d2f;--navy-2:#182a42;--ink:#142033;--muted:#6d7888;--line:#e6e9ed;--canvas:#f5f6f8;--white:#fff;--orange:#ed7c32;--orange-dark:#d86620;--orange-soft:#fff1e8;--green:#159b72;--green-soft:#e7f7f1;--red:#d84e55;--red-soft:#fcecee;--blue:#3877d1;--blue-soft:#eaf1fc;--amber:#c98a18;--amber-soft:#fff6dc;--shadow:0 10px 30px rgba(24,42,66,.07);--radius:16px}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas);line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.icon{display:block;flex:0 0 auto}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 30px rgba(8,18,32,.09)}.brand{height:88px;padding:0 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--orange);display:grid;place-items:center;color:#fff;box-shadow:0 6px 18px rgba(237,124,50,.3)}.brand strong{display:block;font-size:1.15rem;letter-spacing:.2px}.brand small{display:block;color:#91a0b5;font-size:.7rem;margin-top:1px}.nav-menu{flex:1;padding:20px 14px;overflow-y:auto}.nav-label{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:1.3px;color:#718198;font-weight:700;padding:16px 13px 8px}.nav-label:first-child{padding-top:0}.nav-item{display:flex;align-items:center;gap:13px;color:#aeb9c7;border-radius:10px;padding:11px 13px;margin:3px 0;font-weight:550;transition:.18s ease}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:var(--orange);box-shadow:0 7px 20px rgba(237,124,50,.22)}.nav-item .icon{opacity:.85}.nav-item.active .icon{opacity:1}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.user-mini{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#304761;color:#fff;font-weight:700}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.user-mini strong{font-size:.84rem}.user-mini small{color:#8798ad;font-size:.7rem}.icon-button,.menu-toggle{border:0;background:transparent;color:inherit;border-radius:8px;padding:8px}.icon-button:hover{background:rgba(255,255,255,.08)}.main-content{margin-left:260px;min-height:100vh}.topbar{height:88px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.topbar-left{display:flex;align-items:center;gap:16px}.topbar h1{font-size:1.45rem;line-height:1.2;margin:2px 0 0;letter-spacing:-.3px}.eyebrow{font-size:.75rem;color:var(--muted);margin:0}.menu-toggle{display:none;color:var(--ink)}.topbar-actions{display:flex;gap:10px}.page-content{padding:28px 34px 50px;max-width:1600px;margin:0 auto}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;font-weight:650;font-size:.88rem;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff;box-shadow:0 6px 18px rgba(237,124,50,.19)}.btn-primary:hover{background:var(--orange-dark)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#cbd1d9;background:#fafafa}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-sm{padding:7px 10px;font-size:.78rem}.btn-block{width:100%}.alert{padding:13px 15px;border-radius:11px;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.88rem}.alert button{margin-left:auto;border:0;background:none;font-size:1.25rem;color:inherit}.alert-success{background:var(--green-soft);color:#087b58;border:1px solid #c9ecdf}.alert-error{background:var(--red-soft);color:#b3353b;border:1px solid #f3ccd0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.card-header h2,.card-header h3{margin:0;font-size:1rem}.card-header p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.card-body{padding:22px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.stat-icon.orange{background:var(--orange-soft);color:var(--orange)}.stat-icon.green{background:var(--green-soft);color:var(--green)}.stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.stat-icon.amber{background:var(--amber-soft);color:var(--amber)}.stat-trend{font-size:.7rem;font-weight:700;color:var(--green);background:var(--green-soft);padding:4px 7px;border-radius:10px}.stat-label{font-size:.78rem;color:var(--muted);margin:0 0 4px}.stat-value{font-size:1.55rem;font-weight:750;letter-spacing:-.5px;margin:0}.stat-foot{font-size:.72rem;color:#98a0ab;margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px;margin-bottom:20px}.dashboard-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.section-link{display:flex;align-items:center;gap:5px;color:var(--orange);font-weight:650;font-size:.8rem}.chart-wrap{height:230px;padding:18px 8px 0;display:flex;align-items:flex-end;gap:16px;border-bottom:1px solid var(--line)}.chart-column{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.chart-bar{width:min(40px,70%);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#f49b60,var(--orange));min-height:4px;position:relative}.chart-bar:hover:after{content:attr(data-value);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:4px 7px;border-radius:6px;background:var(--navy);color:#fff;font-size:.65rem;white-space:nowrap}.chart-label{font-size:.72rem;color:var(--muted)}.profit-summary{background:var(--navy);color:#fff;border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.profit-summary:after{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(255,255,255,.035);border-radius:50%;right:-70px;top:-80px}.profit-summary .kicker{color:#91a0b5}.profit-summary h3{font-size:2rem;margin:8px 0 4px;letter-spacing:-.7px}.profit-summary>p{color:#91a0b5;margin:0;font-size:.78rem}.profit-lines{border-top:1px solid rgba(255,255,255,.11);margin-top:22px;padding-top:12px}.profit-line{display:flex;justify-content:space-between;font-size:.8rem;padding:7px 0;color:#b7c0cd}.profit-line strong{color:#fff}.profit-line .negative{color:#f8a7aa}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.65px;font-size:.65rem;color:#8c96a5;background:#fafbfc;padding:11px 16px;border-bottom:1px solid var(--line)}.data-table td{padding:14px 16px;border-bottom:1px solid #eef0f3;font-size:.82rem;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfd}.cell-main{font-weight:650;color:var(--ink)}.cell-sub{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.vehicle-cell{display:flex;align-items:center;gap:11px}.vehicle-thumb{width:42px;height:42px;border-radius:10px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue)}.status{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:.7rem;padding:5px 9px;border-radius:20px}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-available,.status-completed{background:var(--green-soft);color:var(--green)}.status-sold{background:var(--blue-soft);color:var(--blue)}.status-reserved{background:var(--amber-soft);color:var(--amber)}.status-maintenance{background:var(--red-soft);color:var(--red)}.row-actions{display:flex;align-items:center;gap:5px}.action-link{border:0;background:transparent;color:#8490a0;padding:6px;border-radius:7px}.action-link:hover{color:var(--orange);background:var(--orange-soft)}.action-link.danger:hover{color:var(--red);background:var(--red-soft)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.toolbar-form{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.search-box{position:relative;min-width:260px}.search-box .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9099a6}.search-box input{padding-left:40px}.input,.field input,.field select,.field textarea,.toolbar-form input,.toolbar-form select{width:100%;border:1px solid #dfe3e8;border-radius:9px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;transition:.16s}.input:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar-form input:focus,.toolbar-form select:focus{border-color:#ef9b64;box-shadow:0 0 0 3px rgba(237,124,50,.11)}.toolbar-form select{width:auto;min-width:145px}.form-card{max-width:1080px}.form-section{padding:24px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0}.form-section-title{margin:0 0 18px;font-size:.95rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:block}.field>span{display:block;font-weight:620;font-size:.77rem;margin-bottom:6px}.field small{display:block;color:var(--muted);font-size:.68rem;margin-top:5px}.field textarea{resize:vertical;min-height:90px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px 24px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:20px}.vehicle-hero{padding:25px;display:flex;align-items:center;gap:20px}.vehicle-hero-icon{width:86px;height:86px;border-radius:20px;background:linear-gradient(145deg,var(--blue-soft),#f6f9fe);display:grid;place-items:center;color:var(--blue)}.vehicle-hero h2{margin:5px 0 3px;font-size:1.45rem}.vehicle-hero p{margin:0;color:var(--muted)}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.detail-item{padding:15px 20px;border-bottom:1px solid #edf0f2}.detail-item span{display:block;color:var(--muted);font-size:.7rem;margin-bottom:3px}.detail-item strong{font-size:.87rem}.summary-list{padding:8px 22px 18px}.summary-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.8rem}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}.summary-row.total{font-size:.95rem;font-weight:750}.summary-row.total span{color:var(--ink)}.summary-row.profit strong{color:var(--green)}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-icon{width:58px;height:58px;border-radius:17px;margin:0 auto 12px;background:#f0f2f5;display:grid;place-items:center;color:#9aa3af}.empty-state h3{color:var(--ink);margin:0 0 4px}.empty-state p{margin:0 0 15px}.pagination{padding:18px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.pagination nav{width:100%}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:15px}.pagination p{font-size:.75rem;color:var(--muted)}.pagination span,.pagination a{font-size:.75rem}.pagination svg{width:18px}.report-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.report-head h2{margin:2px 0 0;font-size:1.4rem}.report-sheet{max-width:1000px}.report-section{padding:22px 26px;border-bottom:1px solid var(--line)}.report-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.report-title-row h3{margin:0;font-size:.9rem}.report-line{display:flex;justify-content:space-between;padding:8px 0;font-size:.84rem}.report-line.indent{padding-left:20px;color:var(--muted)}.report-line.subtotal{border-top:1px dashed var(--line);font-weight:700;margin-top:7px;padding-top:12px}.report-net{background:var(--navy);color:#fff;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 var(--radius) var(--radius)}.report-net span{color:#afbac7}.report-net strong{font-size:1.45rem}.text-profit{color:var(--green)!important}.text-loss{color:var(--red)!important}.kicker{display:inline-block;text-transform:uppercase;letter-spacing:1.1px;font-size:.67rem;font-weight:750;color:var(--orange)}.muted{color:var(--muted)}.text-right{text-align:right}.nowrap{white-space:nowrap}.mt-20{margin-top:20px}.check-field{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}.check-field input{accent-color:var(--orange)}
.auth-body{min-height:100vh;background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-visual{background:var(--navy);color:#fff;padding:55px 65px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-visual:before{content:"";position:absolute;width:520px;height:520px;border:95px solid rgba(255,255,255,.025);border-radius:50%;right:-210px;bottom:-190px}.auth-brand{display:flex;align-items:center;gap:12px;font-size:1.2rem}.auth-copy{max-width:600px;margin:auto 0}.auth-copy h1{font-size:3.1rem;line-height:1.08;letter-spacing:-1.8px;margin:14px 0 20px}.auth-copy p{color:#aab5c4;font-size:1rem;max-width:500px}.auth-metric{display:flex;gap:65px;position:relative}.auth-metric span strong,.auth-metric span small{display:block}.auth-metric strong{font-size:1.1rem}.auth-metric small{font-size:.72rem;color:#8999ad;margin-top:3px}.auth-form-wrap{display:grid;place-items:center;padding:40px}.auth-form{width:min(400px,100%)}.auth-form h2{font-size:1.9rem;margin:8px 0 4px;letter-spacing:-.6px}.auth-form>.muted{margin:0 0 28px;font-size:.85rem}.auth-form .field{margin-bottom:16px}.auth-form .check-field{margin:4px 0 20px}.auth-form .btn{padding:13px}.demo-hint{text-align:center;font-size:.7rem;color:#9ba3ad;margin-top:18px}.mobile-auth-brand{display:none}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.form-grid.three{grid-template-columns:repeat(2,1fr)}.span-3{grid-column:span 2}.auth-copy h1{font-size:2.5rem}.auth-visual{padding:45px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(7,16,28,.5);border:0;z-index:25}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 20px}.page-content{padding:22px 20px 40px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}.mobile-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:40px}.detail-grid{grid-template-columns:1fr}.report-head{align-items:stretch;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.toolbar-form{width:100%}.search-box{flex:1;min-width:200px}}
@media(max-width:560px){html{font-size:14px}.topbar{height:76px}.topbar .eyebrow{display:none}.topbar h1{font-size:1.25rem}.topbar-actions .btn span{display:none}.page-content{padding:18px 14px 35px}.stat-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.form-grid,.form-grid.three{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.form-section{padding:19px 17px}.form-footer{padding:17px;flex-direction:column-reverse}.form-footer .btn{width:100%}.detail-list{grid-template-columns:1fr}.vehicle-hero{align-items:flex-start;flex-direction:column}.card-header{padding:17px}.card-body{padding:17px}.search-box{width:100%;min-width:100%}.toolbar-form select{flex:1;min-width:120px}.auth-form-wrap{padding:28px 22px}.report-section{padding:18px}.report-net{padding:18px}.report-net strong{font-size:1.1rem}.chart-wrap{gap:8px}.data-table td,.data-table th{padding-left:12px;padding-right:12px}}
@media print{.sidebar,.topbar,.toolbar,.alert,.no-print{display:none!important}.main-content{margin:0}.page-content{padding:0;background:#fff}.card{box-shadow:none}.report-sheet{max-width:none}.report-net{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
body{overflow-x:hidden}[hidden]{display:none!important}.dashboard-grid>*,.dashboard-bottom>*{min-width:0}

/* Mobil Second Jambi brand and vehicle photos */
.admin-brand-logo{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:12px;padding:3px;flex:0 0 auto}.brand{height:96px;padding:0 16px}.brand strong{font-size:.93rem}.auth-brand-logo{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.auth-brand{gap:14px}.mobile-auth-brand .auth-brand-logo{width:54px;height:54px}.vehicle-thumb-photo{display:block;object-fit:cover}.vehicle-gallery-card{overflow:hidden}.admin-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px}.admin-gallery-item{height:170px;margin:0;border-radius:12px;overflow:hidden;position:relative;background:#edf1f5}.admin-gallery-item>img{width:100%;height:100%;object-fit:cover}.cover-badge{position:absolute;left:10px;top:10px;background:rgba(16,29,47,.88);color:#fff;border-radius:20px;padding:5px 9px;font-size:.68rem;font-weight:700}.gallery-delete{position:absolute;right:9px;top:9px;width:32px;height:32px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(216,78,85,.92);box-shadow:0 4px 12px rgba(0,0,0,.17)}.gallery-delete:hover{background:#bf3038}.gallery-empty{grid-column:1/-1;min-height:150px;border:1px dashed #cfd5dc;border-radius:12px;display:flex;justify-content:center;align-items:center;gap:14px;color:var(--muted)}.gallery-empty .empty-icon{margin:0}.gallery-empty strong{color:var(--ink)}.gallery-empty p{margin:3px 0 0;font-size:.78rem}.photo-upload{border-top:1px solid var(--line);padding:18px 20px;display:flex;align-items:center;gap:14px}.upload-dropzone{flex:1;min-height:66px;border:1px dashed #c7cfd8;border-radius:11px;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;background:#fafbfd}.upload-dropzone:hover{border-color:var(--orange);background:var(--orange-soft)}.upload-dropzone input{position:absolute;opacity:0;pointer-events:none}.upload-dropzone span>strong,.upload-dropzone span>small{display:block}.upload-dropzone span>small{color:var(--muted);font-size:.68rem;margin-top:2px}.upload-icon{width:38px;height:38px;border-radius:10px;background:var(--orange-soft);color:var(--orange);display:grid!important;place-items:center}.upload-selection{font-size:.73rem;color:var(--muted);min-width:120px;text-align:right}

/* Public vehicle catalog */
.catalog-body{background:#f7f8fa;color:#162538}.catalog-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.catalog-header{height:86px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ebef;position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.catalog-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.catalog-brand{display:flex;align-items:center;gap:11px}.catalog-brand img{width:62px;height:62px;object-fit:contain}.catalog-brand strong,.catalog-brand small{display:block}.catalog-brand strong{font-size:1.02rem;color:#0b4c85}.catalog-brand small{font-size:.65rem;text-transform:uppercase;letter-spacing:.7px;color:#ef6c00;font-weight:700}.catalog-nav nav{display:flex;align-items:center;gap:24px;font-size:.82rem;font-weight:650;color:#425165}.catalog-nav nav>a:hover{color:#0d5592}.catalog-admin-link{border:1px solid #d8e0e7;border-radius:9px;padding:9px 14px;background:#fff}.catalog-hero{background:linear-gradient(125deg,#082f54 0%,#0d5592 62%,#1470af 100%);color:#fff;position:relative;overflow:hidden}.catalog-hero:before,.catalog-hero:after{content:"";position:absolute;border-radius:50%;border:70px solid rgba(255,255,255,.025)}.catalog-hero:before{width:420px;height:420px;right:-150px;top:-220px}.catalog-hero:after{width:250px;height:250px;left:38%;bottom:-220px}.hero-content{min-height:480px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;position:relative;z-index:1}.hero-kicker{text-transform:uppercase;letter-spacing:1.6px;font-size:.7rem;font-weight:800;color:#f58a36}.hero-content h1{font-size:3.55rem;line-height:1.05;letter-spacing:-2px;margin:15px 0 18px}.hero-content h1 em{font-style:normal;color:#ff8a33}.hero-content>div>p{max-width:640px;color:#c1d3e2;line-height:1.7;margin:0 0 28px}.catalog-cta{display:inline-flex;align-items:center;gap:9px;background:#f27825;color:#fff;border-radius:10px;padding:12px 18px;font-size:.84rem;font-weight:750;box-shadow:0 9px 24px rgba(242,120,37,.25)}.hero-brand-card{background:rgba(255,255,255,.96);border-radius:24px;padding:24px;color:#0d5592;box-shadow:0 24px 55px rgba(0,0,0,.16);transform:rotate(2deg)}.hero-brand-card img{width:100%;max-height:260px;object-fit:contain}.hero-brand-card div{border-top:1px solid #e4e8ec;margin-top:14px;padding-top:16px;text-align:center}.hero-brand-card strong,.hero-brand-card span{display:block}.hero-brand-card strong{font-size:1.7rem}.hero-brand-card span{font-size:.75rem;color:#708092}.catalog-section{padding:76px 0 88px}.catalog-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.catalog-section-head h2,.public-description h2{font-size:2rem;letter-spacing:-.7px;margin:6px 0}.catalog-section-head p{color:#758192;margin:0;font-size:.82rem}.catalog-filter{display:flex;align-items:center;gap:8px}.catalog-filter label{position:relative}.catalog-filter label .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#8d98a4}.catalog-filter input,.catalog-filter select{border:1px solid #dce1e6;border-radius:9px;background:#fff;height:43px;padding:0 12px;outline:none;color:#26364a}.catalog-filter input{padding-left:39px;width:240px}.catalog-filter select{min-width:145px}.catalog-filter button{height:43px;border:0;border-radius:9px;background:#0d5592;color:#fff;font-weight:700;padding:0 18px}.vehicle-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-vehicle-card{background:#fff;border:1px solid #e5e9ed;border-radius:16px;overflow:hidden;box-shadow:0 9px 28px rgba(22,37,56,.06);transition:.2s ease}.catalog-vehicle-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(22,37,56,.11)}.catalog-vehicle-image{height:230px;display:block;position:relative;background:#edf2f6;overflow:hidden}.catalog-vehicle-image>img{width:100%;height:100%;object-fit:cover;transition:.25s ease}.catalog-vehicle-card:hover .catalog-vehicle-image>img{transform:scale(1.035)}.catalog-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8f0f7,#f7f9fb);color:#8795a4;gap:7px}.catalog-placeholder img{width:130px;height:130px;object-fit:contain;filter:saturate(.8);opacity:.7}.catalog-placeholder span{font-size:.7rem;text-transform:uppercase;letter-spacing:.9px;font-weight:750}.ready-badge{position:absolute;left:14px;top:14px;border-radius:20px;background:rgba(255,255,255,.94);color:#0b8060;padding:6px 10px;font-size:.68rem;font-weight:750;display:inline-flex;align-items:center;gap:6px;box-shadow:0 3px 12px rgba(0,0,0,.09)}.ready-badge>span{width:7px;height:7px;background:#15a678;border-radius:50%}.ready-badge.static{position:static;box-shadow:none;background:#e7f7f1}.catalog-vehicle-body{padding:19px}.stock-label{color:#84909e;font-size:.69rem;text-transform:uppercase;letter-spacing:.55px;font-weight:700}.catalog-vehicle-body h3{font-size:1.05rem;margin:5px 0 11px;min-height:2.8em}.catalog-vehicle-body h3 a:hover{color:#0d5592}.catalog-specs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.catalog-specs span{font-size:.68rem;color:#637183;background:#f3f5f7;padding:5px 8px;border-radius:6px}.catalog-price{border-top:1px solid #eef0f2;padding-top:14px}.catalog-price>span{display:block;color:#8a95a2;font-size:.68rem}.catalog-price strong{font-size:1.12rem;color:#0d5592}.catalog-price em,.public-price em{font-style:normal;color:#ef6c00;font-size:.7rem;text-transform:uppercase;margin-left:4px;letter-spacing:.5px}.catalog-detail-link{margin-top:14px;border-radius:9px;background:#edf5fb;color:#0d5592;font-size:.78rem;font-weight:750;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:7px}.catalog-detail-link:hover{background:#0d5592;color:#fff}.catalog-empty{grid-column:1/-1;padding:65px 20px;border:1px dashed #ccd4dd;border-radius:16px;text-align:center;color:#7c8998}.catalog-empty .icon{margin:0 auto 12px;color:#0d5592}.catalog-empty h3{color:#1c2d41;margin:0}.catalog-empty p{margin:5px 0 14px}.catalog-empty a{color:#ef6c00;font-weight:700}.catalog-detail-section{padding:42px 0 78px}.catalog-back{display:inline-block;color:#617084;font-size:.78rem;font-weight:650;margin-bottom:20px}.catalog-detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:28px;align-items:start}.public-gallery-main{height:500px;border-radius:18px;overflow:hidden;background:#edf2f6}.public-gallery-main>img{width:100%;height:100%;object-fit:cover}.catalog-placeholder.large img{width:230px;height:230px}.public-gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.public-gallery-thumbs button{height:88px;border:2px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:#e8edf2}.public-gallery-thumbs button.active{border-color:#f27825}.public-gallery-thumbs img{width:100%;height:100%;object-fit:cover}.public-vehicle-summary{background:#fff;border:1px solid #e4e8ec;border-radius:18px;padding:26px;box-shadow:0 12px 35px rgba(22,37,56,.07);position:sticky;top:108px}.public-vehicle-summary>.stock-label{display:block;margin-top:17px}.public-vehicle-summary h1{font-size:1.8rem;line-height:1.18;margin:5px 0 14px;letter-spacing:-.5px}.public-price{font-size:1.65rem;font-weight:800;color:#0d5592;margin:0 0 22px}.public-price em{font-size:.75rem}.public-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid #edf0f2;border-radius:11px;overflow:hidden}.public-spec-grid div{padding:12px;border-bottom:1px solid #edf0f2}.public-spec-grid div:nth-child(odd){border-right:1px solid #edf0f2}.public-spec-grid div:nth-last-child(-n+2){border-bottom:0}.public-spec-grid span,.public-spec-grid strong{display:block}.public-spec-grid span{font-size:.66rem;color:#8a95a2}.public-spec-grid strong{font-size:.8rem;margin-top:2px}.public-note{display:flex;align-items:flex-start;gap:10px;background:#eaf5fc;color:#0d5592;border-radius:10px;padding:12px;margin-top:18px}.public-note span strong,.public-note span{display:block}.public-note span{font-size:.72rem;color:#5f7487}.public-note span strong{color:#0d5592;font-size:.78rem}.public-description{margin-top:42px;background:#fff;border-radius:16px;border:1px solid #e4e8ec;padding:28px}.public-description p{line-height:1.75;color:#617084;max-width:850px}.catalog-footer{background:#0b2035;color:#fff;padding:52px 0 22px}.footer-brand-row{display:flex;align-items:center;justify-content:space-between;gap:40px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:28px}.catalog-brand-footer img{background:#fff;border-radius:10px;padding:2px}.catalog-brand-footer strong{color:#fff}.footer-brand-row>p{max-width:480px;color:#94a5b8;font-size:.8rem}.leasing-section{padding:30px 0}.leasing-section>p{text-align:center;text-transform:uppercase;letter-spacing:1.2px;font-size:.7rem;color:#8fa2b5;font-weight:750;margin:0 0 17px}.leasing-logos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.leasing-logo{height:70px;border-radius:9px;background:#fff;display:grid;place-items:center;padding:8px}.leasing-logo img{width:100%;height:100%;object-fit:contain}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:19px;display:flex;justify-content:space-between;color:#75899d;font-size:.7rem}
@media(max-width:1000px){.hero-content{grid-template-columns:1fr .55fr;gap:35px}.hero-content h1{font-size:2.8rem}.vehicle-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section-head{align-items:stretch;flex-direction:column}.catalog-detail-grid{grid-template-columns:1fr}.public-vehicle-summary{position:static}.admin-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.catalog-header{height:74px}.catalog-brand img{width:51px;height:51px}.catalog-brand strong{font-size:.88rem}.catalog-brand small{font-size:.56rem}.catalog-nav nav>a:first-child{display:none}.catalog-admin-link{padding:8px 10px;font-size:.7rem}.hero-content{grid-template-columns:1fr;padding:55px 0}.hero-content h1{font-size:2.5rem}.hero-brand-card{display:none}.catalog-section{padding:52px 0 65px}.catalog-filter{display:grid;grid-template-columns:1fr auto}.catalog-filter label{grid-column:1/-1}.catalog-filter input{width:100%}.vehicle-card-grid{grid-template-columns:1fr}.catalog-vehicle-image{height:260px}.leasing-logos{grid-template-columns:repeat(2,1fr)}.footer-brand-row{align-items:flex-start;flex-direction:column}.footer-bottom{gap:10px;flex-direction:column}.public-gallery-main{height:340px}.public-gallery-thumbs{grid-template-columns:repeat(4,1fr)}.public-gallery-thumbs button{height:70px}.admin-gallery{grid-template-columns:repeat(2,1fr)}.photo-upload{align-items:stretch;flex-direction:column}.upload-selection{text-align:left}.photo-upload .btn{width:100%}}

.role-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 10px;font-size:.7rem;font-weight:750}.role-badge.admin{background:#eaf2fb;color:#0d5592}.role-badge.staff{background:#f1f3f5;color:#5f6b78}.settings-grid{display:grid;gap:20px}.form-help{color:var(--muted);font-size:.8rem;margin:-4px 0 18px}.role-option{border:1px solid var(--line);border-radius:11px;padding:14px;background:#fafbfd}.role-option>small,.field>small{color:var(--muted);font-size:.7rem;margin-top:5px}.audit-toolbar .toolbar-form{flex-wrap:wrap}.date-filter{width:auto;min-width:145px}.audit-action{color:var(--orange)!important;font-weight:700}.audit-summary .card-header h2{margin-top:5px}.audit-meta .span-2{grid-column:span 2}.audit-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.audit-json{margin:0;padding:15px;border-radius:10px;background:#101d2f;color:#dfe8f2;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 Consolas,monospace;max-height:480px;overflow:auto}

@media(max-width:800px){.audit-change-grid{grid-template-columns:1fr}.audit-toolbar .toolbar-form>*{flex:1}.audit-toolbar .search-box{flex-basis:100%}.audit-meta .span-2{grid-column:span 1}}
@media(max-width:480px){.catalog-container{width:min(100% - 26px,1180px)}.catalog-brand span{display:none}.hero-content h1{font-size:2.15rem}.catalog-section-head h2{font-size:1.65rem}.catalog-filter{grid-template-columns:1fr}.catalog-filter label{grid-column:auto}.catalog-filter select,.catalog-filter button{width:100%;height:43px}.catalog-vehicle-image{height:220px}.public-gallery-main{height:270px}.public-vehicle-summary{padding:20px}.public-vehicle-summary h1{font-size:1.5rem}.public-price{font-size:1.4rem}.admin-gallery{grid-template-columns:1fr}.admin-gallery-item{height:220px}}

/* Leasing management and credit calculator */
.leasing-admin-name{display:flex;align-items:center;gap:12px;min-width:180px}.leasing-admin-name img,.leasing-initial{width:54px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;object-fit:contain;padding:4px;display:grid;place-items:center}.leasing-initial{background:#eaf2fb;color:#0d5592;font-weight:800}.current-leasing-logo{grid-column:span 2;display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:11px;padding:12px}.current-leasing-logo img{width:150px;height:58px;object-fit:contain}.credit-form-note{margin:18px 0 0}.vehicle-copy{border-top:1px solid var(--line)}.vehicle-copy p{white-space:pre-line;margin-bottom:0}.internal-note{background:#fffaf2}.leasing-logo span{text-align:center;color:#0d5592;font-size:.78rem;font-weight:750}.credit-calculator{margin-top:42px;background:linear-gradient(135deg,#082f54,#0d5592);color:#fff;border-radius:20px;padding:30px;box-shadow:0 18px 45px rgba(8,47,84,.16)}.credit-calculator-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:25px}.credit-calculator-head h2{font-size:2rem;margin:6px 0 4px;letter-spacing:-.7px}.credit-calculator-head p{margin:0;color:#bdd0e0}.credit-calculator-icon{width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#ff963f}.credit-calculator-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:25px}.credit-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.credit-inputs label>span{display:block;font-size:.72rem;color:#bfd0df;font-weight:650;margin-bottom:6px}.credit-inputs input,.credit-inputs select{width:100%;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;padding:0 13px;outline:none}.credit-inputs select option{color:#172a3e;background:#fff}.credit-inputs input:focus,.credit-inputs select:focus{border-color:#ff963f;background:rgba(255,255,255,.14)}.credit-inputs label>small{display:block;color:#91adc2;font-size:.65rem;margin-top:5px}.credit-terms{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}.credit-terms>span{background:rgba(255,255,255,.09);border-radius:8px;padding:8px 11px;color:#a9c0d2;font-size:.68rem}.credit-terms strong{color:#fff;margin-left:4px}.credit-result{background:#fff;color:#203247;border-radius:15px;padding:24px;display:flex;flex-direction:column;justify-content:center}.credit-result>span{font-size:.7rem;color:#778697;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.credit-result>strong{font-size:1.8rem;color:#0d5592;margin:4px 0 18px}.credit-result>div{display:grid;gap:8px;padding-top:14px;border-top:1px solid #e8edf1}.credit-result>div span{display:flex;justify-content:space-between;gap:15px;color:#6f7e8e;font-size:.72rem}.credit-result>div b{color:#25384c}.credit-result>p{font-size:.62rem;color:#929eaa;line-height:1.55;margin:16px 0 0}.public-description p{white-space:normal}.catalog-footer .leasing-logos{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

@media(max-width:850px){.credit-calculator-grid{grid-template-columns:1fr}.credit-result{min-height:250px}}
@media(max-width:560px){.current-leasing-logo{grid-column:span 1;align-items:flex-start;flex-direction:column}.credit-calculator{padding:22px 18px;border-radius:15px}.credit-calculator-head h2{font-size:1.55rem}.credit-calculator-icon{display:none}.credit-inputs{grid-template-columns:1fr}.credit-result>strong{font-size:1.45rem}.credit-terms{grid-column:span 1}}