*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#fff;color:#111827;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{align-items:center;background-image:linear-gradient(to bottom,#ffffff3d,#ffffff80 72%,#ffffffc7),var(--background-image);background-position:center;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:36px 18px}h1{margin:0}button{font:inherit}.registration-card{background:#fff;border-radius:8px;box-shadow:0 14px 38px #0f172a1f;max-width:624px;overflow:hidden;width:min(100%,624px)}.card-header{padding:18px 24px 0;text-align:center}.card-header h1{color:red;font-size:29px;font-weight:800;line-height:1;margin:0 0 10px}.event-details{color:red}.event-date{color:red;font-size:29px;font-weight:800;line-height:1;margin:0}.event-time{color:red;font-size:20px;font-weight:700;line-height:1.15;margin:1px 0 0}.event-date+.event-time{margin-top:8px}.event-time:last-child{margin-bottom:8px}.event-image{aspect-ratio:576 / 420;border-radius:22px;display:block;height:auto;object-fit:cover;width:100%}.card-content{border-top:1px solid #eeeeee;padding:9px 18px 20px;text-align:center}.price-list{color:#2f65d8;font-size:16px;margin:31px auto 20px;max-width:100%}.closed-message{color:red;font-size:30px;font-weight:800;line-height:1.1;margin:28px 0 30px}.price-row p{margin:0}.price-row strong{color:red}.price-row b{font-weight:700}.price-time{color:inherit;display:inline;font-size:15px;font-weight:400}.separator{background:radial-gradient(circle at right,rgba(80,165,0,.55),transparent 68%),linear-gradient(90deg,#50a500 0% 72%,#50a50026);border-radius:999px;box-shadow:70px 0 18px #50a50038;height:2px;margin:15px auto;width:310px}@media (max-width: 420px){.separator{width:82%}}.actions{display:grid;gap:16px}.action-button{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 38%),linear-gradient(90deg,#63bd00,#4ea700 46%,#2f8f00);border:0;border-radius:6px;box-shadow:0 9px 18px #2e7d0042,inset 0 1px #ffffff52;color:#fff;cursor:pointer;display:flex;font-size:19px;font-weight:650;gap:10px;justify-content:center;min-height:49px;padding:12px 18px;text-shadow:0 1px 1px rgba(20,80,0,.35);transition:box-shadow .16s ease,filter .16s ease,transform .16s ease}.action-button small{font-size:15px;font-weight:400;opacity:.92}.action-button:hover{box-shadow:0 12px 22px #2e7d0057,0 0 0 1px #63bd002e,inset 0 1px #ffffff61;filter:saturate(1.08) brightness(1.04);transform:translateY(-1px)}.action-button:active{box-shadow:0 5px 12px #2e7d003d,inset 0 1px 2px #14500040;transform:translateY(0)}.action-button:focus-visible{outline:3px solid rgba(80,165,0,.35);outline-offset:3px}.modal-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:20}.member-modal{background:#fff;border:1px solid rgba(80,165,0,.18);border-radius:12px;box-shadow:0 24px 70px #0f172a47;max-height:calc(100vh - 40px);overflow:auto;width:min(100%,680px)}.modal-header{align-items:center;background:linear-gradient(135deg,rgba(80,165,0,.11),transparent 52%),#fff;border-bottom:1px solid #e7efe1;display:flex;justify-content:space-between;padding:18px 22px;cursor:move;-webkit-user-select:none;user-select:none}.modal-kicker{color:#4c9f00;font-size:14px;font-weight:650;margin:0 0 2px}.modal-header h2{color:#111827;font-size:24px;line-height:1;margin:0}.modal-close{align-items:center;background:#eef7e9;border:1px solid rgba(80,165,0,.22);border-radius:999px;color:#2f8f00;display:flex;font-size:20px;font-weight:700;height:34px;justify-content:center;line-height:1;width:34px;cursor:pointer}.member-form{display:grid;gap:18px 16px;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px}.form-field{display:grid;gap:3px}.form-field-wide,.attachment-box{grid-column:1 / -1}.form-field span{color:#4c9f00;font-size:14px;font-weight:550}.form-field b,.attachment-title b{color:#e11d48;font-weight:700}.form-field input{background:transparent;border:0;border-bottom:1px solid rgba(80,165,0,.7);box-shadow:0 1px #50a5002e;color:#111827;font-size:16px;height:30px;outline:0;padding:2px;width:100%}.form-field input:focus{border-bottom-color:#2f8f00;box-shadow:0 2px #50a50047}.form-field input[aria-invalid=true]{border-bottom-color:#e11d48;box-shadow:0 1px #e11d4833}.field-error{color:#e11d48;display:block;font-size:12px;font-style:normal;line-height:1.1;margin-top:2px}.attachment-box{background:#f8faf7;border:1px solid #dcebd4;border-radius:12px;box-shadow:inset 0 1px 8px #50a5000f;padding:14px}.attachment-title{align-items:center;color:#4c9f00;display:flex;font-size:15px;font-weight:650;gap:8px;margin-bottom:10px}.attachment-accent{background:#50a500;border-radius:999px;box-shadow:0 0 12px #50a50061;height:18px;width:4px}.attachment-drop{align-items:center;background:#fff;border:1px dashed #bdd8b0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-height:118px;justify-content:center;padding:18px;text-align:center}.attachment-drop:hover{background:#fbfef9;border-color:#50a500}.attachment-drop small{color:#94a3b8;font-size:13px}.attachment-drop input{display:none}.attachment-icon{align-items:center;background:#eef7e9;border-radius:999px;color:#4c9f00;display:flex;font-size:30px;font-weight:400;height:38px;justify-content:center;line-height:1;width:38px}.attachment-file{align-items:center;background:#eef7e9;border:1px solid rgba(80,165,0,.2);border-radius:10px;color:#334155;display:flex;gap:10px;justify-content:space-between;margin-top:10px;padding:9px 10px}.attachment-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file button{background:transparent;border:0;color:#c2410c;cursor:pointer;font-weight:650}.modal-actions{border-top:1px solid #e7efe1;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px 20px}.modal-message{color:#e11d48;font-size:14px;font-weight:650;margin:0;padding:0 22px 12px;text-align:center}.primary-button,.secondary-button{border:0;border-radius:6px;cursor:pointer;font-size:15px;font-weight:700;min-width:112px;padding:11px 16px}.primary-button{background:linear-gradient(90deg,#63bd00,#3f9f00);box-shadow:0 8px 16px #2e7d003d;color:#fff}.primary-button:disabled{cursor:wait;filter:grayscale(.2) opacity(.72)}.secondary-button{background:#eef7e9;color:#3f7f00}.reserved-page{background:#f6faf3;color:#111827;min-height:100vh;padding:28px}.reserved-panel{background:#fff;border:1px solid #dcebd4;border-radius:10px;box-shadow:0 16px 42px #0f172a1a;margin:0 auto;max-width:1180px;overflow:hidden}.reserved-header{align-items:center;background:linear-gradient(135deg,rgba(80,165,0,.12),transparent 55%),#fff;border-bottom:1px solid #e7efe1;display:flex;justify-content:space-between;padding:20px 24px}.reserved-header p{color:#4c9f00;font-size:14px;font-weight:700;margin:0 0 3px}.reserved-header h1{color:#111827;font-size:28px;line-height:1}.reserved-login{display:grid;gap:14px;margin:0 auto;max-width:360px;padding:36px 24px}.reserved-table-wrap{overflow-x:auto;padding:18px}.reserved-table{border-collapse:collapse;min-width:920px;width:100%}.reserved-table th,.reserved-table td{border-bottom:1px solid #e7efe1;padding:11px 12px;text-align:left;white-space:nowrap}.reserved-table th{background:#f3f8ef;color:#3f7f00;font-size:13px;font-weight:800;text-transform:uppercase}.table-sort-button{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:inherit;gap:6px;justify-content:space-between;padding:0;text-align:left;text-transform:inherit;width:100%}.table-sort-button:hover{color:#2f8f00}.sort-indicator{color:#65a30d;font-size:12px;line-height:1}.reserved-table td{color:#334155;font-size:14px}.reserved-table tbody tr:hover{background:#fbfef9}.attachment-cell{text-align:right;width:48px}.open-attachment-button{align-items:center;background:#eef7e9;border:1px solid rgba(80,165,0,.24);border-radius:999px;color:#3f8f00;cursor:pointer;display:inline-flex;height:32px;justify-content:center;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease;width:32px}.open-attachment-button:hover{background:#50a500;color:#fff;transform:translateY(-1px)}.attachment-modal{background:#fff;border-radius:12px;box-shadow:0 24px 70px #0f172a52;display:flex;flex-direction:column;height:min(86vh,820px);overflow:hidden;width:min(94vw,980px)}.attachment-preview-frame{border:0;flex:1;min-height:0;width:100%}.reserved-empty{color:#64748b;margin:18px 0 8px;text-align:center}@media (max-width: 640px){.page{align-items:flex-start;padding:18px 12px}.card-header{padding:14px 14px 0}.event-date{font-size:24px}.event-time{font-size:18px}.event-image{border-radius:16px}.card-content{padding:9px 12px 18px}.price-list{font-size:15px}.member-form{grid-template-columns:1fr;padding:18px}.modal-actions{flex-direction:column-reverse}.primary-button,.secondary-button{width:100%}.reserved-page{padding:12px}.reserved-header{align-items:stretch;flex-direction:column;gap:14px}}