:root{--ink:#15181a;--muted:#677078;--brand:#f3c623;--brand-dark:#d8aa00;--paper:#f6f5f0;--green:#16794c}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.navbar{background:rgba(21,24,26,.97);padding:.9rem 0}.navbar-brand{letter-spacing:.08em}.navbar-brand span,.hero h1 span{color:var(--brand)}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#15181a;font-weight:700}.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#15181a}
.hero{background:linear-gradient(135deg,#f8f7f2 0%,#eeeade 100%);overflow:hidden}.min-vh-75{min-height:72vh}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.18em;color:#827018}.hero-card{background:#15181a;color:white;border-radius:2rem;padding:2rem;box-shadow:0 25px 60px rgba(21,24,26,.2)}
.roofbox-shape{height:180px;background:linear-gradient(160deg,#343a3e,#0c0d0e);border-radius:80% 50% 20% 30%/70% 60% 40% 30%;border-bottom:8px solid var(--brand);transform:skewX(-8deg)}
.package-card,.product-card,.summary-card,.stat-card,.admin-card{background:white;border:1px solid #e4e2da;border-radius:1.25rem;padding:1.5rem;box-shadow:0 10px 30px rgba(20,24,26,.04)}.package-card .price{font-size:2.5rem;font-weight:800}.step-number{width:3rem;height:3rem;border-radius:50%;background:var(--brand);display:grid;place-items:center;margin:0 auto 1rem;font-weight:800}
.page-hero{padding:5rem 0 3rem;background:var(--paper)}.product-card{padding:0;overflow:hidden}.product-visual{height:240px;background:linear-gradient(145deg,#22282c,#555e63);display:grid;place-items:center;color:var(--brand);font-weight:800;letter-spacing:.1em}
.alert-brand{background:#fff8d6;border:1px solid #f0d666;border-radius:1rem;padding:1.25rem}.status{display:inline-flex;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.status.available{background:#dff4e9;color:#10613c}.status.reserved{background:#fff0d1;color:#945d00}
.status.danger{background:#fde2e2;color:#a72d2d}.admin-filter{max-width:260px}.report-chart{height:260px;display:flex;align-items:end;gap:1rem;border-bottom:1px solid #d8dce0;padding:0 1rem}.report-chart>div{flex:1;min-height:25%;background:linear-gradient(180deg,var(--brand),#e3ad00);border-radius:.6rem .6rem 0 0;position:relative}.report-chart span{position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);font-size:.8rem;color:var(--muted)}.report-ranking{padding-left:1.3rem}.report-ranking li{padding:.8rem 0;border-bottom:1px solid #e5e7e9}.report-ranking li span{display:inline-block;width:65%}
.booking-form .form-control,.booking-form .form-select{min-height:3.25rem;border-radius:.75rem}.summary-card{position:sticky;top:6rem}.admin-body{background:#f3f4f5}.admin-sidebar{width:250px;background:#171a1c}.admin-sidebar .nav-link{color:#adb5bd;border-radius:.6rem}.admin-sidebar .nav-link:hover,.admin-sidebar .nav-link.active{background:#2a2e31;color:white}.stat-card,.admin-card{border:0}.inventory-meter{height:14px;display:flex;overflow:hidden;border-radius:999px}.inventory-meter div:nth-child(1){background:#2f9e66}.inventory-meter div:nth-child(2){background:#f0ad30}.inventory-meter div:nth-child(3){background:#c94a4a}
@media(max-width:767px){.hero h1{font-size:2.7rem}.hero-card{border-radius:1.25rem}.page-hero{padding:3.5rem 0 2rem}}