:root{--surface:#fff;--surface-soft:#f5f6f3;--radius:10px;--shadow:0 18px 55px rgba(13,28,22,.09)}html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.005em;background:#f3f4f1}.topbar{height:86px;padding-inline:max(5vw,28px);box-shadow:0 1px 0 rgba(20,33,29,.06);border:0}.brand{min-width:0}.brand-mark{border-radius:7px;padding:11px 9px;box-shadow:0 7px 18px color-mix(in srgb,var(--red) 28%,transparent)}.brand b{font-size:16px;letter-spacing:.08em;white-space:nowrap}.brand small{color:#7b8580;margin-top:3px}.topbar nav a{font-size:13px;transition:color .2s}.topbar nav a:hover{color:var(--red)}.hero{padding-block:88px;background:radial-gradient(circle at 75% 12%,color-mix(in srgb,var(--red) 12%,transparent),transparent 30%),linear-gradient(135deg,var(--ink),color-mix(in srgb,var(--ink) 82%,#4d6a5f));min-height:540px;display:grid;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent)}.hero h1{font-weight:850}.hero-panel{border-radius:var(--radius);border-top-width:5px;box-shadow:0 35px 90px rgba(0,0,0,.35);padding:32px}.content,.admin{padding-top:68px}.eyebrow{letter-spacing:.18em}.card{border-color:rgba(25,42,35,.09);border-radius:var(--radius);box-shadow:var(--shadow)}.day-card{border-radius:var(--radius);padding:24px;min-height:168px;transition:transform .2s,box-shadow .2s,border-color .2s}.day-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.day-card:has(input:checked){padding:23px}.form-card{padding:44px}.form-card input,.form-card textarea,.settings-card input,.settings-card textarea,.create-event input{border-radius:7px;background:#fff;padding:14px 15px}.button{border-radius:7px;transition:transform .18s,box-shadow .18s,filter .18s}.button:hover{transform:translateY(-1px);filter:brightness(.97)}.button.primary{box-shadow:0 10px 25px color-mix(in srgb,var(--red) 26%,transparent)}.notice{border-radius:0 7px 7px 0}.metrics>div{border-radius:var(--radius);padding:24px;background:linear-gradient(145deg,var(--ink),color-mix(in srgb,var(--ink) 87%,#688277))}.event-strip{border-radius:var(--radius)}.table-card{border-radius:var(--radius)}table tr:hover td{background:#fafbf8}.pill{padding:6px 10px}.settings-card{padding:32px}.favicon-setting{display:flex;align-items:center;gap:24px}.favicon-preview{width:96px;height:96px;flex:0 0 96px;border-radius:18px;background:var(--ink);padding:12px;display:grid;place-items:center;box-shadow:0 14px 35px rgba(16,30,24,.2)}.favicon-preview img{width:100%;height:100%;object-fit:cover;border-radius:11px}.logo-preview{background:linear-gradient(135deg,#fff,#f1f3ef);border-style:solid}.access-card{border-radius:14px;box-shadow:0 40px 100px rgba(0,0,0,.35)}.choice-card{border-radius:12px}.save-panel{border-top:4px solid var(--red)}footer{padding-block:34px}footer a:hover{color:#fff}@media(max-width:760px){.topbar{height:74px;padding-inline:18px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.hero{padding-block:62px;min-height:auto}.hero h1{font-size:48px}.content,.admin{padding:42px 17px 70px}.day-grid{gap:10px}.day-card{min-height:150px;padding:18px}.day-card:has(input:checked){padding:17px}.form-card{padding:26px 18px}.favicon-setting{align-items:flex-start;flex-direction:column}.settings-card{padding:24px 18px}}
.ticket-field small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.45;margin-top:1px}
