*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fafc;color:#111827}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 5%;background:#fff;border-bottom:1px solid #e5e7eb}.brand{font-weight:800;font-size:1.15rem}.topbar nav{display:flex;gap:16px;font-size:.9rem}.container{max-width:1200px;margin:auto;padding:20px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:250px;margin-top:10px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:22px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.section{margin:34px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ride-card{overflow:hidden;padding:0}.ride-card img{width:100%;height:170px;object-fit:cover;background:#e5e7eb}.ride-body{padding:18px}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:700;color:#6b7280}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:.5rem 0}h2{margin:0 0 14px}p{line-height:1.55;color:#4b5563}.filters{display:flex;gap:8px;flex-wrap:wrap}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font:inherit}button{border:0;border-radius:10px;padding:11px 15px;background:#111827;color:#fff;font:inherit;cursor:pointer}button.secondary{background:#e5e7eb;color:#111827}.filters input{width:220px}.filters select{width:140px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:grid;place-items:center;padding:18px;z-index:20}.modal-card{position:relative;background:#fff;border-radius:18px;max-width:720px;width:100%;max-height:90vh;overflow:auto;padding:24px}.modal-close{position:absolute;right:12px;top:12px;border-radius:50%;padding:5px 10px}.stats{grid-template-columns:repeat(4,1fr);margin:20px 0}.stats .card{font-size:1.6rem;font-weight:800}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.tab{min-height:300px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.danger{background:#b91c1c}.success{background:#047857}.muted{color:#6b7280}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.role-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2ff;font-size:.75rem}.qr{max-width:240px}.list{display:grid;gap:10px}.list-item{padding:12px;border:1px solid #e5e7eb;border-radius:12px}@media(max-width:700px){.hero{flex-direction:column;align-items:flex-start}.container{padding:14px}.stats{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.topbar nav{gap:8px;font-size:.8rem}.filters input,.filters select{width:100%}}

code{background:#f3f4f6;padding:2px 5px;border-radius:5px;font-size:.85em}