.container{max-width:60vw;margin:10vh auto 40px;padding:20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-family:sans-serif}h1,h2{text-align:center;margin-bottom:20px}form{display:flex;flex-direction:column;gap:15px}input,select,textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:16px}textarea{resize:vertical;min-height:80px}button{padding:12px;background-color:#0070f3;color:white;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s ease}button:hover{background-color:#0059c1}.dropzone{border:2px dashed gray;padding:20px;height:10vh;cursor:pointer;border-radius:6px;margin-top:20px;margin-bottom:10px}ul{list-style:none;padding:0}li{margin-bottom:15px;padding-bottom:10px}.car-item{border-bottom:1px solid #ccc}.car-image{margin-top:10px;max-width:100%;max-height:200px;border-radius:8px}.success-msg{color:green;text-align:center}.error-msg{color:red;text-align:center}.section-divider{margin:40px 0}.catalog-container{display:flex;justify-content:flex-start;align-items:flex-start;padding:0 45px;gap:10px;margin-top:25vh;max-width:1300px;margin-left:10px;margin-right:auto;box-sizing:border-box}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:stretch}@media (max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.catalog-grid{grid-template-columns:1fr}}.card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card-body{padding:12px}.card-title{font-size:15px}.card-meta{color:#6b7280;font-size:13px}.card-desc{color:#374151;font-size:14px;line-height:1.4;max-height:3.6em;overflow:hidden}.card-actions{gap:8px;margin-top:6px}.btn{border:1px solid #d1d5db;padding:6px 10px;background:#fff}.btn.warning{border-color:#f59e0b;color:#92400e}.btn.danger{border-color:#ef4444;color:#991b1b}@media (max-width:1280px){.container{max-width:72vw}.catalog-container{padding:0 28px}}@media (max-width:1024px){.container{max-width:86vw;margin:8vh auto 32px;padding:18px}form{gap:14px}.catalog-container{padding:0 20px;margin-top:10vh}}@media (max-width:768px){.container{max-width:94vw;margin:6vh auto 28px;padding:16px}input,select,textarea{font-size:17px;min-height:50px}button,input,select,textarea{padding:14px 16px;border-radius:10px}button{font-size:16px;min-height:48px}.dropzone{height:auto;padding:18px 14px;font-size:15px}h1,h2{font-size:20px;margin-bottom:16px}.catalog-container{padding:0 14px;gap:14px}}@media (max-width:480px){.container{max-width:96vw;margin:5vh auto 24px;padding:14px}input,select,textarea{font-size:18px;min-height:56px;padding:16px;border-radius:12px}button{font-size:17px;min-height:52px;border-radius:12px}.catalog-container{display:block;padding:0 12px;margin-top:4vh}.card{border-radius:12px}.card-body{padding:10px}}@media (max-width:640px){form button[type=submit]{width:100%}}:root{--bg:#0b1020;--card:#121830;--muted:#8b95b3;--line:#222a48;--accent:#4f7cff;--accent-2:#38bdf8;--danger:#ef4444;--danger-ink:#991b1b;--ok:#16a34a;--ink:#e6eaff}body{background:var(--bg);color:var(--ink)}.muted{color:var(--muted)}.panel--soft{background:#f9fafb;border-radius:12px;padding:10px}.card--muted{opacity:.6;filter:grayscale(.2)}.chip{display:inline-block;padding:2px 8px;border-radius:9999px;background:#e5e7eb;color:#374151}.chip--warn{background:#fde68a;color:#92400e}.btn{border-radius:12px;padding:8px 14px;background:#1a2246;color:#e9edff;transition:transform .05s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.25);border-color:#33407a}.btn.primary{background:linear-gradient(180deg,var(--accent),#345fff);color:white}.btn.ghost{background:transparent;border-color:#34406e;color:#cbd5ff}.btn.icon{background:#0f1630;border-color:#2a3564;padding:6px 10px}.details-container{max-width:1100px;margin:0 auto;padding:18px 16px 40px}.details-header{position:-webkit-sticky;position:sticky;margin-top:6vh;z-index:20;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,rgba(11,16,32,.95),rgba(11,16,32,.6));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);padding:10px 0 12px;margin-bottom:16px}.details-header .title-wrap{flex:1 1}.details-header h1{margin:5vh;font-size:20px;letter-spacing:.2px}.details-header .sub{margin-top:4px;display:flex;gap:8px;flex-wrap:wrap}.price{font-weight:700;font-size:18px}.chip{border:1px solid #324069;color:#cbd5ff;background:#121a3a;padding:4px 8px;border-radius:999px;font-size:12px}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.25);padding:16px;margin-bottom:18px}.panel-title{font-size:14px;color:#c6d0ff;letter-spacing:.4px;text-transform:uppercase;border-bottom:1px dashed #2a3560;padding-bottom:8px;margin-bottom:12px}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:1000px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery-item{position:relative;overflow:hidden;border-radius:12px;border:1px solid #2a3560}.gallery-item img{width:100%;height:180px;object-fit:cover;display:block;transform:scale(1);transition:transform .25s ease}.gallery-item:hover img{transform:scale(1.04)}.gallery-empty{color:var(--muted);border:1px dashed #2a3560;border-radius:12px;padding:18px;text-align:center}.img-del{position:absolute;top:8px;right:8px;border-radius:10px;padding:4px 8px;background:rgba(15,22,48,.9);color:#fff;border:1px solid var(--danger);box-shadow:0 6px 20px rgba(0,0,0,.35);cursor:pointer}.img-del:hover{background:#1a223f}.dropzone{border:2px dashed #2a3560;border-radius:14px;padding:18px;text-align:center;color:#c6d0ff;background:#0f1633}.dropzone--accent{border-color:#3f63ff;background:linear-gradient(180deg,#0f1633,#0c132a)}.uploader{margin-top:12px}.uploader-actions{display:flex;gap:10px;align-items:center;margin-top:8px}.form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:820px){.form-grid{grid-template-columns:1fr}}.field{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:#cbd1ff}.field input,.field select,.field textarea{background:#0f1630;color:#e9edff;border:1px solid #2a3560;border-radius:12px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#4968ff;box-shadow:0 0 0 3px rgba(73,104,255,.15)}.field textarea{resize:vertical;min-height:96px}.field.full{grid-column:1/-1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}html{-webkit-text-size-adjust:100%}*{-webkit-tap-highlight-color:transparent}@media (max-width:640px){.details-header{top:0;padding:calc(8px + env(safe-area-inset-top)) 0 10px;margin-bottom:12px}.details-header h1{margin:0;font-size:18px}.price{font-size:18px}.panel{padding:14px;border-radius:18px}.form-grid{grid-template-columns:1fr;gap:16px}.field{font-size:15px;gap:8px}.field input,.field select,.field textarea{font-size:17px;padding:14px 16px;min-height:52px;border-radius:14px}.field select{padding-right:40px;line-height:1.2}.field textarea{min-height:120px}.btn{padding:12px 16px;min-height:48px;font-size:16px;border-radius:14px}.btn.icon{padding:8px 12px}.form-actions{gap:12px}.dropzone{padding:22px 16px;border-radius:16px;font-size:15px}.uploader-actions{gap:12px;flex-wrap:wrap}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-item img{height:160px}.img-del{padding:6px 10px;border-radius:12px}.details-container{padding:calc(14px + env(safe-area-inset-top)) 14px 28px}}@media (max-width:400px){.gallery{grid-template-columns:1fr}.details-header h1{font-size:17px}.field input,.field select,.field textarea{font-size:18px;min-height:56px}.btn{font-size:17px;min-height:52px}}.card.card--light{background:#ffffff;color:#111827;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:transform .06s ease,box-shadow .2s ease,border-color .2s ease}.card--clickable{cursor:pointer}.card--clickable:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.1);border-color:#d1d5db}.card--clickable:focus-within{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.35)}.card-cover{border-top-left-radius:14px;border-top-right-radius:14px;background-color:#f3f4f6}.card-body{padding:12px 14px;display:grid;grid-gap:8px;gap:8px}.card-title{font-size:16px;line-height:1.3}.card-meta{color:#374151;font-size:14px}.card-meta .vin{color:#4b5563;margin-top:4px;font-size:13px}.card-actions{display:flex;justify-content:flex-end;margin-top:8px}.btn{border:1px solid transparent;border-radius:10px;padding:8px 12px;background:#111827;color:#fff;cursor:pointer}.btn--danger{background:#ef4444;border-color:#ef4444;color:#ffffff;font-weight:600;letter-spacing:.2px}.btn--danger:hover{background:#dc2626;border-color:#dc2626}.btn--danger:active{background:#b91c1c;border-color:#b91c1c}.btn--danger:focus{outline:none;box-shadow:0 0 0 3px rgba(239,68,68,.25)}@media (max-width:768px){.card-body{padding:12px;gap:10px}.card-title{font-size:17px}.card-meta{font-size:15px}.btn{padding:12px 14px;border-radius:12px}.card-cover{height:160px!important}}@media (max-width:420px){.card-title{font-size:18px}.card-meta{font-size:15.5px}.card-cover{height:150px!important}}.delet_card-actions{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center}.delet_card-actions .btn{border-radius:12px;padding:8px 12px;font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 20px rgba(239,68,68,.35)}.delet_card-actions .btn.btn--danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.delet_card-actions .btn.btn--danger:before{content:"🗑️";font-size:16px;line-height:1}.delet_card-actions .btn.btn--danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.delet_card-actions .btn.btn--danger:active{background:#b91c1c;border-color:#b91c1c;transform:translateY(0)}.delet_card-actions .btn.btn--danger:focus{outline:none;box-shadow:0 0 0 3px rgba(239,68,68,.25)}.delet_card-actions--bar{position:static;width:100%;margin-top:10px;display:flex;justify-content:flex-end;padding-top:10px;border-top:1px dashed #e5e7eb}.delet_card-actions--bar .btn{padding:10px 14px;border-radius:10px;font-weight:700}@media (max-width:640px){.delet_card-actions{top:8px;right:8px}.delet_card-actions .btn{padding:12px 14px;border-radius:14px}.delet_card-actions--bar{padding-top:12px}}