:root{font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:#121b35;background:#f7f8fc;--navy:#121b35;--purple:#8c00ee;--pink:#e90088;--orange:#ff9b08;--stroke:#e5e9f1;--gray:#63708b;--shadow:0 9px 30px rgba(27,34,63,.07)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.ribbon{background:#232d47;color:#fff;text-align:center;padding:7px 8px;font-size:12px}.header{background:#fff;border-bottom:1px solid var(--stroke);position:sticky;top:0;z-index:20}.header-inner{max-width:1320px;margin:auto;padding:10px 22px;display:flex;align-items:center;gap:26px;min-height:78px}.brand img{height:52px;width:230px;object-fit:contain}.nav{display:flex;gap:6px;flex:1}.nav button{border:0;background:none;border-radius:9px;padding:13px 11px;font-weight:700;color:var(--navy);white-space:nowrap}.nav button.current,.nav button:hover{color:#9600dd;background:#f5efff}.tools{display:flex;align-items:center;gap:9px}.tools select{border:1px solid var(--stroke);background:white;padding:9px;border-radius:9px}.account{font-size:12px;color:var(--gray);max-width:165px}.btn{border:0;border-radius:10px;padding:11px 18px;font-weight:800;transition:transform .22s,box-shadow .22s;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 15px rgba(135,18,170,.17)}.btn-primary{background:linear-gradient(107deg,var(--orange),var(--pink) 55%,var(--purple));color:#fff}.btn-outline{color:#8626cd;border:1px solid #af78e2;background:#fff}.btn-muted{color:#344563;background:#ecf0f9}.btn-sm{padding:7px 11px;font-size:12px}.container{max-width:1320px;margin:auto;padding:22px}.hero{position:relative;min-height:290px;border-radius:20px;overflow:hidden;background:#172139 url('/assets/hero_clean.webp') center 43%/cover no-repeat;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,32,.06),rgba(9,13,33,.79))}.hero-text{position:relative;color:white;max-width:540px;padding:32px 40px;margin-inline-start:auto}.hero h1{font-size:clamp(28px,3.3vw,45px);line-height:1.25;margin:0 0 14px}.hero p{line-height:1.8;margin:0}.hero em{font-style:normal;background:linear-gradient(110deg,#ffb600,#ff4269,#b000ed);-webkit-background-clip:text;background-clip:text;color:transparent}.panel{background:white;border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);padding:19px}.search{position:relative;margin:-36px 24px 20px}.grid-search{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:11px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12px;font-weight:800;color:#41506a}.input{width:100%;border:1px solid #dce2ed;background:#fff;padding:12px 10px;border-radius:10px;min-width:0;color:#1d2b45}.input:focus{outline:2px solid #dbb8fa;border-color:#8e27d1}.section-title{font-size:22px;margin:18px 0 14px}.bar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:14px 0}.cars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.car{overflow:hidden;background:white;border:1px solid var(--stroke);border-radius:15px;box-shadow:var(--shadow)}.car-image{width:100%;height:184px;object-fit:cover;background:#e7e9f0}.car-body{padding:16px}.car h3{font-size:17px;line-height:1.3;margin:0 0 8px}.muted{color:var(--gray);font-size:13px;line-height:1.65}.car-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.price{font-size:23px;font-weight:900;color:#8910c5}.price small{font-size:12px;color:var(--gray);font-weight:500}.table-wrap{overflow:auto;border:1px solid var(--stroke);border-radius:12px;background:#fff}table{border-collapse:collapse;width:100%;min-width:650px;text-align:start}th,td{text-align:start;padding:13px 12px;border-bottom:1px solid var(--stroke);white-space:nowrap}th{font-size:12px;background:#f4f5f9;color:#59677d}td{font-size:13px}tr:last-child td{border-bottom:none}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}.metric{border-radius:13px;background:#f8f5ff;padding:20px;border:1px solid #ede5ff}.metric b{display:block;font-size:29px;margin-bottom:3px}.metric span{font-size:12px;color:var(--gray)}.title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 14px}.title-row h2{margin:0}.badge{display:inline-flex;align-items:center;background:#edf3ff;color:#355aab;padding:5px 9px;font-size:12px;border-radius:20px;font-weight:700}.badge.success{background:#e2f7e8;color:#15824c}.badge.warn{background:#fff0e4;color:#b76408}.badge.danger{background:#fde9ed;color:#ae2541}.note{background:#f1effd;border-inline-start:4px solid #ab55e9;padding:12px 15px;color:#374463;line-height:1.6;margin:15px 0;border-radius:9px;font-size:13px}.footer{background:#131829;color:#fff;padding:30px max(22px,calc((100vw - 1320px)/2));margin-top:35px}.footer-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.footer-logo{width:180px}.footer-row div{flex:1}.footer p{font-size:12px;opacity:.75}.footer small{color:#adb2cb}.footer-link{border:1px solid #536078;padding:9px 13px;border-radius:8px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#101524ad}.modal-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 24px));max-height:88vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 10px 45px #0005;padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-head h2{margin:0 0 14px}.icon-btn{background:transparent;border:0;font-size:28px}.modal-fields{display:grid;gap:13px}.toast{position:fixed;left:24px;bottom:22px;background:#161b35;color:white;border-radius:9px;padding:12px 18px;box-shadow:0 6px 24px #1115;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60;max-width:min(470px,90vw)}.toast.visible{opacity:1}.empty{border:1px dashed #aab7c9;padding:24px;text-align:center;border-radius:12px;background:#fff;color:#5c6980}.right-buttons{display:flex;align-items:center;gap:6px}.logo-small{width:75px}.loading{padding:100px;text-align:center}.pill{padding:3px 7px;border-radius:16px;border:1px solid #e2d9f1;font-size:11px}.wide{width:100%}.small-input{width:83px;text-align:center}.two-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.social{display:flex;gap:10px}.social a{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#242b44;color:white;transition:transform .25s,background .25s,box-shadow .25s}.social a:hover{transform:translateY(-7px) rotate(-8deg) scale(1.16);background:#c000c0;box-shadow:0 10px 20px #d5188a6b}html[dir=ltr] .hero:before{background:linear-gradient(270deg,rgba(12,16,32,.06),rgba(9,13,33,.78))}html[dir=ltr] .hero{background-position:65% center}html[dir=ltr] .hero-text{margin-inline-start:auto}html[dir=rtl] .hero{background-position:center center}@media(max-width:1000px){.header-inner{flex-wrap:wrap;gap:8px}.brand img{width:185px;height:42px}.nav{order:3;width:100%;justify-content:center;overflow:auto}.nav button{font-size:12px}.tools{margin-inline-start:auto}.search{margin:-20px 8px 15px}.grid-search{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-search .btn{grid-column:1/-1}.cars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.header-inner{padding:8px 10px}.brand img{width:148px;height:36px}.tools select,.tools button{padding:6px;font-size:11px}.account{display:none}.container{padding:13px}.hero{min-height:260px;border-radius:12px}.hero-text{padding:16px;max-width:330px}.hero h1{font-size:28px}.hero p{font-size:13px}.cars{grid-template-columns:1fr}.car-image{height:195px}.grid-search{grid-template-columns:1fr}.grid-search .btn{grid-column:auto}.search{margin:-14px 6px 15px}.metric-grid{grid-template-columns:1fr 1fr}.title-row h2{font-size:19px}.footer{padding:25px 16px}.modal-card{padding:17px}.two-columns{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}