*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,sans-serif}body{background:radial-gradient(circle at top left,#1e293b 0,#020617 45% 100%),radial-gradient(circle at bottom right,rgba(248,113,113,.25),transparent 60%);color:#e5e7eb}h1,h2{margin-bottom:20px}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.page-container{flex:1;max-width:1120px;width:100%;margin:32px auto 40px;padding:0 20px}.navbar{position:sticky;top:0;z-index:20;height:72px;padding:0 32px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(90deg,#0f172af5,#0f172ae6);border-bottom:1px solid rgba(248,250,252,.08);box-shadow:0 18px 40px #0f172af2}.logo{font-size:22px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;background:linear-gradient(120deg,#f97316,#facc15,#22c55e);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-right{display:flex;align-items:center;gap:20px}.navbar a{text-decoration:none;color:#e5e7eb;font-weight:500;font-size:14px;padding:6px 0;position:relative;transition:color .15s ease,transform .15s ease}.navbar a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;border-radius:999px;background:linear-gradient(120deg,#f97316,#facc15);transition:width .2s ease}.navbar a:hover{color:#facc15;transform:translateY(-1px)}.navbar a:hover:after{width:100%}.btn-primary{background:linear-gradient(135deg,#ef4444,#f97316);color:#fefce8!important;padding:8px 18px;border-radius:999px;border:none;font-weight:700;font-size:13px;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 14px 32px #f8717173;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 18px 42px #f87171a6}.btn-danger{background:linear-gradient(135deg,#b91c1c,#ef4444);color:#fee2e2;border:none;padding:8px 18px;border-radius:999px;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:.04em;box-shadow:0 10px 26px #991b1b99}.empty-state{color:#9ca3af;margin-top:20px}.home-page{display:flex;flex-direction:column;gap:22px}.home-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding:30px 26px;border-radius:26px;background:radial-gradient(circle at top left,rgba(248,113,113,.3),transparent 55%),radial-gradient(circle at bottom right,rgba(34,197,94,.28),transparent 60%),linear-gradient(135deg,#020617,#020617);border:1px solid rgba(248,250,252,.08);box-shadow:0 32px 80px #0f172a,0 0 0 1px #0f172ad9}.home-hero h1{font-size:32px;line-height:1.15;margin-bottom:10px;color:#fefce8}.home-hero p{max-width:520px;font-size:15px;color:#e5e7eb}.home-hero-stats{display:flex;gap:16px}.home-hero-stats>div{min-width:96px;padding:10px 14px;border-radius:16px;background:#0f172ae6;color:#e5e7eb;box-shadow:0 18px 40px #0f172a}.home-hero-stats h3{margin-bottom:2px;font-size:18px}.home-hero-stats span{font-size:12px;color:#cbd5f5}.search-filters{margin-top:4px;padding:18px 20px;background:#0f172af5;border-radius:20px;box-shadow:0 24px 55px #0f172af2;border:1px solid rgba(31,41,55,.9);display:flex;flex-direction:column;gap:14px}.search-main{display:flex;flex-direction:column;gap:6px}.search-main input{padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:14px;background:#020617;color:#e5e7eb}.search-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label,.search-main label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.filter-group select,.filter-group input{padding:8px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:14px;background:#020617;color:#e5e7eb}.results-header{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.results-header h2{font-size:22px;color:#e5e7eb}.results-header span{font-size:13px;color:#9ca3af}.car-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.car-card{background:radial-gradient(circle at top left,#020617,#020617 55%,#020617);padding:18px 18px 20px;border-radius:20px;box-shadow:0 22px 60px #0f172a,0 0 0 1px #0f172ae6;display:flex;flex-direction:column;justify-content:space-between}.car-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.car-card-header h3{font-size:18px;color:#f9fafb}.car-model{font-size:13px;color:#9ca3af;margin-top:2px}.car-price-block{text-align:right}.price{font-weight:700;color:#f97316}.price-unit{font-weight:500;color:#9ca3af;margin-left:3px;font-size:12px}.car-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.meta-pill{font-size:12px;padding:4px 9px;border-radius:999px;background:#3b82f629;color:#bfdbfe}.meta-location{background:#22c55e2e;color:#bbf7d0}.car-details p{margin-bottom:6px;font-size:14px;color:#e5e7eb}.full-width{width:100%;margin-top:14px}.form-wrapper{display:flex;justify-content:center;align-items:center;min-height:70vh}.auth-form{width:100%;max-width:420px;background:radial-gradient(circle at top left,#020617,#020617 55%,#020617);padding:32px 32px 28px;border-radius:22px;box-shadow:0 24px 70px #0f172a,0 0 0 1px #0f172ae6}.auth-form h2{margin-bottom:20px;text-align:center;color:#f9fafb}.auth-form input{width:100%;padding:10px;margin-bottom:14px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb}.error-text{color:#fecaca;margin-bottom:10px;font-size:14px;text-align:center}.success-text{color:#bbf7d0;margin-bottom:10px;font-size:14px;text-align:center}.admin-layout{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:flex-start}.admin-form-card{background:radial-gradient(circle at top left,#020617,#020617 55%,#020617);padding:22px 20px 20px;border-radius:20px;box-shadow:0 22px 60px #0f172a,0 0 0 1px #0f172ae6}.admin-form-card h3{margin-bottom:14px;color:#f9fafb}.admin-form-card input{width:100%;padding:9px 10px;margin-bottom:10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb}.admin-cars-section h3{margin-bottom:18px;color:#f9fafb}.booking-status{margin-top:10px;font-size:13px;font-weight:600;color:#22c55e}.booking-status[data-status=pending]{color:#eab308}.booking-status[data-status=rejected]{color:#f97373}.admin-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn-admin-action{padding:5px 12px;border-radius:999px;border:none;font-weight:600;font-size:11px;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-admin-action:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-approve{background:linear-gradient(135deg,#c2410c,#ea580c);color:#fef2f2;box-shadow:0 6px 16px #ea580c4d}.btn-approve:hover{box-shadow:0 8px 20px #ea580c66}.btn-reject{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fee2e2;box-shadow:0 6px 16px #dc26264d}.btn-reject:hover{box-shadow:0 8px 20px #dc262666}.btn-pending{background:linear-gradient(135deg,#854d0e,#ca8a04);color:#fefce8;box-shadow:0 6px 16px #ca8a044d}.btn-pending:hover{box-shadow:0 8px 20px #ca8a0466}.date-group{margin-top:10px;display:flex;flex-direction:column;gap:6px}.date-group input{padding:7px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.7);background:#020617;color:#e5e7eb}.payment-group{margin-top:10px;display:flex;flex-direction:column;gap:6px}.payment-group label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.payment-group select,.payment-group input{padding:8px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);font-size:14px;background:#020617;color:#e5e7eb}
