*{box-sizing:border-box}:root{--bg:#f5f1e8;--card:#fff;--text:#1f1f1f;--muted:#777064;--border:#e4ded2;--primary:#1f1f1f;--primaryText:#fff;--success:#1f8a4c;--danger:#b83a31;--warning:#d89b26;--shadow:0 24px 80px #1f1f1f1f;--radius:24px}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #d89b262e, transparent 34rem), var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.page{width:100%;min-height:100vh;padding:32px}.clientPage,.loginPage{justify-content:center;align-items:center;display:flex}.heroCard,.loginCard,.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow)}.heroCard{max-width:720px;padding:32px}.loginCard{max-width:460px;padding:32px}.adminPage{max-width:1180px;margin:0 auto}.adminHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.headerActions{align-items:center;gap:12px;display:flex}.heroTop,.cardHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:8px;font-size:clamp(2rem,5vw,4rem);line-height:1}h2{margin-bottom:0;font-size:1.25rem}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:800}.address,.muted,.smallText{color:var(--muted)}.smallText{margin-top:16px;margin-bottom:0;font-size:.9rem}.statusBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.statusBadge-open{color:var(--success);background:#1f8a4c1f}.statusBadge-closed{color:var(--danger);background:#b83a311f}.statusDot{background:currentColor;border-radius:999px;width:10px;height:10px}.bigStatus{border-radius:22px;margin-bottom:24px;padding:28px}.bigStatus-open{background:#1f8a4c1f}.bigStatus-closed{background:#b83a311f}.bigStatusLabel{letter-spacing:-.07em;margin-bottom:8px;font-size:clamp(2rem,8vw,5rem);font-weight:900;line-height:.95}.bigStatus p{color:var(--muted);margin-bottom:0}.actions{flex-wrap:wrap;gap:12px;display:flex}.twoColumns{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.appButton{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;transition:transform .15s,opacity .15s,background .15s;display:inline-flex}.appButton:hover:not(:disabled){transform:translateY(-1px)}.appButton:disabled{cursor:not-allowed;opacity:.5}.appButton-primary{background:var(--primary);color:var(--primaryText)}.appButton-success{background:var(--success);color:#fff}.appButton-danger{background:var(--danger);color:#fff}.appButton-ghost{border-color:var(--border);color:var(--text);background:0 0}.loadingBlock,.errorBox,.notice,.emptyState{border-radius:16px;padding:16px}.loadingBlock,.emptyState{color:var(--muted);background:#1f1f1f0d}.errorBox{color:var(--danger);background:#b83a311f}.notice{color:#7a5210;background:#d89b2624;margin-top:16px}.dashboardGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.card{padding:24px}.form{gap:16px;display:grid}.form label{gap:8px;font-weight:800;display:grid}.form input,.form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fffdf9;border-radius:14px;outline:none;padding:13px 14px}.form input:focus,.form textarea:focus{border-color:var(--primary)}.eventList{gap:10px;display:grid}.eventItem{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.eventItem:last-child{border-bottom:0}.eventMeta{justify-content:flex-end;display:flex}.pill{color:var(--muted);white-space:nowrap;background:#1f1f1f0f;border-radius:999px;align-items:center;padding:6px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.pill-green{color:var(--success);background:#1f8a4c1f}@media (width<=800px){.page{padding:16px}.heroCard,.loginCard,.card{border-radius:20px}.heroTop,.adminHeader,.cardHeader{flex-direction:column}.headerActions{justify-content:space-between;width:100%}.dashboardGrid,.twoColumns{grid-template-columns:1fr}}
