*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;font-family:Segoe UI,sans-serif;background:#f4f6f8}h1{text-align:center;margin:20px 0}.primary-btn{background:linear-gradient(135deg,#007bff,#0056d2);color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:500}.primary-btn:hover{opacity:.9}.filter-bar{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.filter-bar input,.filter-bar select{padding:10px;border-radius:6px;border:1px solid #ccc}.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;padding:20px}.car-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:transform .3s,box-shadow .3s}.car-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0000001f}.car-image{width:100%;height:180px;object-fit:cover}.car-info{padding:15px}.car-meta{color:#777;font-size:14px}.car-price{font-size:18px;font-weight:600;margin:10px 0}.modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:25px;border-radius:12px;width:320px;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content input{width:100%;padding:8px;margin:10px 0}.app.dark{background:#121212;color:#fff}.app.dark .car-card{background:#1e1e1e}.app.dark .modal-content{background:#222;color:#fff}.app{min-height:100vh;width:100%;background:#f4f6f8;transition:background .3s ease}.app.dark{background:linear-gradient(180deg,#0b0b0b,#1a1a1a);color:#fff}.navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ddd}.app.dark .navbar{background:#0f0f0fe6;border-bottom:1px solid #333}.navbar h1{margin:0;font-size:22px;font-weight:600}.booking-summary{margin:40px auto;padding:24px;max-width:900px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000014}.app.dark .booking-summary{background:#1e1e1e}.booking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.booking-header h2{margin:0}.clear-bookings{padding:8px 14px;border:none;border-radius:8px;background:#ef4444;color:#fff;cursor:pointer}.clear-bookings:hover{background:#dc2626}.booking-list{display:flex;flex-direction:column;gap:14px}.booking-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f9fafb;border-radius:12px}.app.dark .booking-item{background:#2a2a2a}.booking-item p{margin:4px 0 0;font-size:14px;opacity:.7}.price{font-weight:600;font-size:16px}@media(max-width:768px){.app{padding:0}}@media(max-width:768px){.navbar{flex-direction:column;gap:12px;padding:14px 20px;text-align:center}}@media(max-width:768px){.car-grid{grid-template-columns:1fr;padding:20px}.car-card img{height:200px;object-fit:cover}}@media(max-width:768px){.booking-summary{margin:20px;padding:18px}.booking-item{flex-direction:column;align-items:flex-start;gap:6px}.price{align-self:flex-end}}@media(max-width:768px){button{width:100%;padding:12px;font-size:16px}}