:root{--ink:#102033;--sea:#087ea4;--sky:#e9f8ff;--sand:#fff8e7;--line:#d7e4ea;--ok:#0d8f5b;--bad:#bf2d2d}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:#f7fbfd}a{color:var(--sea);text-decoration:none}.top{position:sticky;top:0;z-index:2;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 6vw}.brand{font-weight:800;color:var(--ink);font-size:20px}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}main{min-height:70vh}.hero{padding:70px 6vw;background:linear-gradient(120deg,#e9f8ff,#fff8e7);display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1;margin:0 0 14px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(5,60,80,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.wrap{padding:38px 6vw}.btn,button{border:0;border-radius:12px;background:var(--sea);color:white;padding:12px 16px;font-weight:700;cursor:pointer;display:inline-block}.btn.alt{background:var(--ink)}.btn.warn{background:var(--bad)}.small{padding:8px 12px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:white}label{display:block;margin:10px 0 6px;font-weight:700}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.badge{padding:4px 8px;border-radius:99px;background:var(--sky);font-size:12px}.price{font-size:24px;font-weight:900}.dash{display:grid;grid-template-columns:220px 1fr;gap:20px}.side{background:white;border-right:1px solid var(--line);min-height:75vh;padding:18px}.side a{display:block;padding:10px;border-radius:9px}.side a:hover{background:var(--sky)}footer{padding:30px 6vw;background:#102033;color:white;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#b7edff}.ticket{max-width:740px;margin:auto}.barcode svg{max-width:100%;height:auto}.muted{color:#5e7180}.status-confirmed{color:var(--ok)}.status-cancelled{color:var(--bad)}@media(max-width:800px){.hero,.dash{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.side{min-height:auto;border-right:0}.table{display:block;overflow:auto}}