.detail-page{background:#fff;min-height:100vh}.detail-back-bar{background:#fafafa;border-bottom:1px solid #f0f0f0;padding:0 24px}.detail-back-inner{align-items:center;max-width:800px;height:52px;margin:0 auto;display:flex}.detail-back{color:#999;letter-spacing:.3px;align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.detail-back:hover{color:#181818}.detail-hero{background:#181818;padding:40px 24px 44px;position:relative;overflow:hidden}.detail-hero:after{content:"";pointer-events:none;background:#f1d56a0f;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-60px;right:-60px}.detail-hero-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.detail-hero-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.detail-category{color:#fff6;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:700}.detail-badge{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.detail-badge--green{color:#15803d;background:#f0fdf4}.detail-badge--yellow{color:#92400e;background:#fff3cd}.detail-badge--red{color:#dc2626;background:#fee2e2}.detail-title{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:800;line-height:1.2}@media (max-width:640px){.detail-title{font-size:26px}}.detail-content{padding:40px 24px 80px}.detail-content-inner{max-width:800px;margin:0 auto}.detail-info-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}@media (max-width:480px){.detail-info-grid{grid-template-columns:1fr}}.detail-info-card{background:#e9e9e9;border:1px solid #f0f0f0;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.detail-info-label{color:#181818;margin-top:6px;margin-bottom:6px;font-size:18px;font-weight:700}.detail-info-value{color:#555;white-space:pre-wrap;font-size:15px;line-height:1.6}.detail-time-end{color:#aaa;font-weight:500}.detail-description{background-color:#e9e9e9;border:1px solid #ccc;border-radius:12px;flex-direction:column;gap:4px;margin-top:12px;margin-bottom:12px;padding:18px 20px;display:flex}.detail-description-title{color:#181818;margin-top:12px;margin-bottom:12px;font-size:18px;font-weight:700}.detail-description-text{color:#555;white-space:pre-wrap;font-size:15px;line-height:1.6}.detail-capacity-block{border:1px solid #ccc;border-radius:12px;flex-direction:column;gap:4px;margin-top:36px;margin-bottom:36px;padding:18px 20px;display:flex}.detail-capacity-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.detail-capacity-label{color:#000;letter-spacing:.5px;font-size:16px;font-weight:700}.detail-capacity-percent{color:#181818;font-size:13px;font-weight:800}.detail-progress-track{background:#d8d8d8;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.detail-progress-fill{border-radius:999px;height:100%;transition:width .6s}.detail-capacity-sub{color:#202020;font-size:12px;font-weight:500}.detail-cta{margin-top:8px}.detail-book-btn{color:#181818;cursor:pointer;letter-spacing:.3px;background:#f1d56a;border:none;border-radius:14px;width:100%;max-width:360px;height:56px;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800;transition:background .2s,transform .15s}.detail-book-btn:hover:not(.detail-book-btn--disabled){background:#e8c94f;transform:translateY(-1px)}.detail-book-btn--disabled{color:#bbb;cursor:not-allowed;background:#f0f0f0}.detail-login-hint{background:#fafafa;border:1px solid #f0f0f0;border-radius:14px;max-width:360px;padding:24px}.detail-login-hint p{color:#999;margin-bottom:14px;font-size:13px;font-weight:500;line-height:1.5}.detail-login-btn{color:#f1d56a;background:#181818;border-radius:10px;padding:12px 24px;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;text-decoration:none;transition:background .2s;display:inline-block}.detail-login-btn:hover{background:#2a2a2a}.detail-loading{text-align:center;padding:2rem}.toast{color:#fff;z-index:1000;white-space:nowrap;text-align:center;border-radius:12px;max-width:90vw;padding:14px 24px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;animation:.3s toastIn;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e}.toast--success{background:#15803d}.toast--error{background:#dc2626}.detail-already-booked{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;width:100%;padding:15px 28px;font-size:16px;font-weight:500;display:inline-block}.detail-already-booked-block{flex-direction:column;gap:12px;max-width:360px;display:flex}.detail-cancel-btn{color:#dc2626;cursor:pointer;background:0 0;border:1.5px solid #fee2e2;border-radius:14px;width:100%;height:48px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;transition:background .2s}.detail-cancel-btn:hover:not(:disabled){background:#fee2e2}.detail-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:32px;box-shadow:0 24px 64px #00000026}.modal-title{color:#181818;letter-spacing:-.3px;margin-bottom:10px;font-size:20px;font-weight:800}.modal-desc{color:#888;margin-bottom:28px;font-size:14px;font-weight:500;line-height:1.6}.modal-actions{gap:10px;display:flex}.modal-btn-cancel{color:#181818;cursor:pointer;background:0 0;border:1.5px solid #e0e0e0;border-radius:12px;flex:1;height:48px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;transition:border-color .2s,background .2s}.modal-btn-cancel:hover:not(:disabled){background:#fafafa;border-color:#181818}.modal-btn-confirm{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;flex:1;height:48px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;transition:background .2s}.modal-btn-confirm:hover:not(:disabled){background:#b91c1c}.modal-btn-confirm:disabled,.modal-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.detail-participants{background:#fafafa;border:1px solid #f0f0f0;border-radius:14px;margin-bottom:32px;padding:20px}.detail-participants-title{color:#aaa;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:700}.detail-participants-empty{color:#aaa;font-size:13px;font-weight:500}.detail-participants-list{flex-direction:column;gap:8px;display:flex}.detail-participant-row{color:#181818;background:#fff;border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.detail-participant-icon{font-size:14px}.detail-admin-hint{color:#92400e;background:#fef9e7;border:1px solid #fde68a;border-radius:12px;padding:14px 18px;font-size:13px;font-weight:600}.attendance-row-name{align-items:center;gap:.75rem;display:flex}.attendance-row-actions{gap:.5rem;display:flex}.attendance-row-btn{cursor:pointer;background:0 0;border:2px solid;border-radius:6px;padding:.5rem 1rem;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.attendance-row-btn:disabled{cursor:not-allowed;opacity:.5}.attendance-row-btn--present{color:#666;border-color:#0000001a}.attendance-row-btn--present.attendance-row-btn--active-present{color:#22c55e;background:#22c55e33;border-color:#22c55e}.attendance-row-btn--absent{color:#666;border-color:#0000001a}.attendance-row-btn--absent.attendance-row-btn--active-absent{color:#ef4444;background:#ef444433;border-color:#ef4444}.detail-trial-block{flex-direction:column;gap:12px;max-width:360px;display:flex}.detail-trial-hint{color:#111;background:#f3f3f3;border:1px solid #d3d3d3;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.detail-trial-hint__icon{color:#181818;flex-shrink:0}.detail-membership-block{background:#fafafa;border:1px solid #f0f0f0;border-radius:14px;max-width:360px;padding:24px}.detail-membership-text{color:#666;margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.6}.detail-membership-text__icon{color:#f1d56a;margin-bottom:8px}.detail-membership-btn{color:#f1d56a;background:#181818;border-radius:12px;justify-content:center;align-items:center;width:100%;height:52px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s;display:flex}.detail-membership-btn:hover{background:#2a2a2a}.detail-booked-status{background:#1a9b4a;border:1px solid #e4e4e4;border-radius:10px;flex-direction:column;gap:.65rem;margin-bottom:20px;padding:.75rem 1rem;display:flex}.detail-booked-status__label{color:#fff;align-items:center;gap:.5rem;font-size:14px;font-weight:600;display:flex}.detail-booked-status__actions{gap:.5rem;display:flex}.detail-booked-status__btn{cursor:pointer;border-radius:7px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s;display:flex}.detail-booked-status__btn:hover{opacity:.8}.detail-booked-status__btn--calendar{color:#fff;background:#ffffff2d;border:1.5px solid #fff}.detail-booked-status__btn--cancel{color:#000;background:#f1d56a;border:1.5px solid #b2bb314d}.attendance-stats{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.stat-card{border:1px solid;border-radius:8px;flex:1;min-width:120px;padding:.75rem 1rem}.stat-present{background:#22c55e1a;border-color:#22c55e4d}.stat-absent{background:#ef44441a;border-color:#ef44444d}.stat-unchecked{background:#9ca3af1a;border-color:#9ca3af4d}.stat-value{font-size:24px;font-weight:800}.stat-present .stat-value{color:#22c55e}.stat-absent .stat-value{color:#ef4444}.stat-unchecked .stat-value{color:#9ca3af}.stat-label{color:#888;margin-top:.25rem;font-size:12px}.attendance-list{flex-direction:column;gap:.75rem;display:flex}.attendance-item{background:#181818;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.attendance-info{flex:1}.attendance-name{color:#fff;margin-bottom:.25rem;font-weight:700}.attendance-email{color:#888;font-size:13px}.attendance-btn{cursor:pointer;border:2px solid;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:130px;padding:.625rem 1.25rem;font-size:14px;font-weight:700;transition:all .2s;display:flex}.attendance-btn--present{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.attendance-btn--absent{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.attendance-btn--unchecked{color:#9ca3af;background:#9ca3af1a;border-color:#9ca3af4d}.attendance-btn:hover:not(:disabled){opacity:.8}.attendance-btn:disabled{opacity:.5;cursor:not-allowed}.detail-action-area{margin-bottom:24px}