:root{
  --bg:#0a0f18; --card:#0f1624; --muted:#aab7cc; --accent:#d4af37; --text:#e9eef7; --line:#223455;
}
*{box-sizing:border-box}
body{margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial; background:radial-gradient(1200px 600px at 20% -10%, #15223d 0,#0a0f18 60%), #0a0f18; color:var(--text);}
.topbar{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--line); position:sticky; top:0; backdrop-filter: blur(6px); background:rgba(10,15,24,.7); z-index:5}
.brand{display:flex; align-items:center; gap:12px}
.logo{width:38px; height:38px; border-radius:10px; background:linear-gradient(135deg,#d4af37,#f59e0b); display:grid; place-items:center; font-weight:800; color:#081018}
.brand-text .title{font-weight:800; letter-spacing:.3px}
.brand-text .subtitle{font-size:12px; color:var(--muted)}
.controls select, .controls a.ghost{background:#0e1a31; border:1px solid #2a3f6e; color:#f1f5ff; padding:8px 10px; border-radius:10px; margin-left:8px; text-decoration:none}

.container{max-width:1120px; margin:0 auto; padding:24px}
.hero h1{margin:10px 0 8px}
.hero p{color:var(--muted); margin-top:0}
.card{background:linear-gradient(180deg,#0f1624,#0c1424); border:1px solid #1d2b4e; border-radius:16px; padding:16px; box-shadow:0 10px 40px rgba(0,0,0,.35)}
.form-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px}
.form-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:8px}
.admin-row{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; margin-top:12px}
label{display:flex; flex-direction:column; gap:6px; font-size:14px}
input,select{background:#0e1a31; border:1px solid #2a3f6e; color:#e6efff; padding:10px 12px; border-radius:12px}
.inline{flex-direction:row; align-items:center; gap:10px}
.primary{margin-top:14px; width:100%; padding:12px; border:none; border-radius:12px; background:var(--accent); color:#1a1200; font-weight:900; cursor:pointer; box-shadow:0 8px 24px rgba(212,175,55,.25)}
.primary:hover{transform:translateY(-1px)}
.ghost{padding:10px 12px; border:1px solid #2b3f6e; background:transparent; color:#d9e7ff; border-radius:12px; cursor:pointer; text-decoration:none}
.result{margin-top:12px; padding:12px; background:#0d1930; border:1px dashed #344a7f; border-radius:12px; min-height:40px}

.site-nav a{margin-right:8px}

.fleet{margin-top:28px}
.fleet-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px}
.fleet-card{background:var(--card); padding:14px; border-radius:14px; border:1px solid #1d2742}
.fleet-img{height:110px; background:linear-gradient(135deg,#0f1b33,#0b1428); border:1px solid #243459; border-radius:12px; margin-bottom:10px}
.footer{display:flex; justify-content:space-between; padding:20px; color:#a6bad7; border-top:1px solid var(--line); margin-top:40px}
@media(max-width:640px){ .footer{flex-direction:column; gap:10px} }
.muted{color:var(--muted)}