:root{--bg-primary: #F4F5F9;--bg-secondary: #ECEDF3;--bg-card: #FFFFFF;--bg-card-hover: #F8F8FC;--bg-input: #F0F1F6;--border-color: rgba(27, 35, 64, .1);--border-hover: rgba(27, 35, 64, .2);--text-primary: #1B2340;--text-secondary: #5A6178;--text-muted: #9CA3B8;--accent: #C8A84E;--accent-light: #D4BA6A;--accent-subtle: rgba(200, 168, 78, .08);--accent-border: rgba(200, 168, 78, .3);--banner-default: var(--accent);--banner-green: #10b981;--banner-orange: #f59e0b;--banner-purple: #8b5cf6;--banner-pink: #ec4899;--navy: #1B2340;--navy-light: #2D3A5C;--attending: #16A34A;--attending-bg: rgba(22, 163, 74, .08);--attending-border: rgba(22, 163, 74, .25);--absent: #DC2626;--absent-bg: rgba(220, 38, 38, .06);--absent-border: rgba(220, 38, 38, .2);--undecided: #D97706;--undecided-bg: rgba(217, 119, 6, .07);--undecided-border: rgba(217, 119, 6, .22);--waitlisted: #6366F1;--waitlisted-bg: rgba(99, 102, 241, .07);--waitlisted-border: rgba(99, 102, 241, .22);--basics-only: #A855F7;--basics-only-bg: rgba(168, 85, 247, .07);--basics-only-border: rgba(168, 85, 247, .22);--cancelled: #DC2626;--completed: var(--text-muted);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-card: 0 1px 4px rgba(27, 35, 64, .06), 0 4px 16px rgba(27, 35, 64, .04);--shadow-elevated: 0 8px 32px rgba(27, 35, 64, .1);--shadow-glow: 0 2px 12px rgba(200, 168, 78, .12);--font-sans: "Inter", "Hiragino Kaku Gothic ProN", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 12px;padding-top:env(safe-area-inset-top,0px);height:calc(60px + env(safe-area-inset-top,0px));background:#ffffffeb;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #1b23400d}.header-left{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity var(--transition-fast)}.header-left:hover{opacity:.8}.header-logo{display:block;filter:drop-shadow(0 2px 4px rgba(200,168,78,.3));margin-top:-2px}.header-title{font-size:1.1rem;font-weight:700;color:var(--navy);letter-spacing:.02em}.header-group-area{position:relative}.header-group-btn{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0}.header-group-chevron{color:var(--text-secondary);transition:transform var(--transition-fast)}.header-group-chevron.open{transform:rotate(180deg)}.group-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:100;overflow:hidden;animation:slideDown .15s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.group-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:background var(--transition-fast)}.group-dropdown-item:hover{background:var(--bg-card-hover)}.group-dropdown-item.active{color:var(--accent);font-weight:600}.group-dropdown-item .check-icon{color:var(--accent);font-weight:700}.group-dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.group-switcher-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-family:var(--font-sans);transition:opacity var(--transition-fast)}.group-switcher-btn:active{opacity:.7}.group-switcher-chevron{color:var(--text-muted);transition:transform .2s ease}.group-switcher-chevron.open{transform:rotate(180deg)}.group-select-page .section-title{display:flex;align-items:center;gap:8px}.invite-code-display{font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:.2em;color:var(--accent);background:var(--accent-subtle);padding:6px 16px;border-radius:var(--radius-sm);border:1px solid var(--accent-border)}.header-right{display:flex;align-items:center;gap:2px}.header-user-btn{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:4px 14px 4px 4px;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.header-user-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.header-avatar-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:all var(--transition-fast)}.header-avatar-btn:hover{background:#1b23400d}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--navy-light));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.user-name{font-size:.85rem;font-weight:500}.header-icon{color:var(--text-secondary);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.header-icon:hover{color:var(--accent);background:#1b23400d}.app-main{max-width:560px;margin:0 auto;padding:16px 16px 80px}.calendar-page{padding-top:4px}.page{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;box-shadow:0 2px 8px #1b234033}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1b23404d}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{background:var(--absent);color:#fff;border:1px solid var(--absent-border);box-shadow:0 2px 8px #dc262633}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #dc26264d}.btn-success{background:var(--attending);color:#fff;border:1px solid var(--attending-border)}.btn-lg{padding:14px 28px;font-size:1rem;width:100%}.group-info-grid{display:flex;flex-direction:column;gap:0}.group-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.group-info-item:last-child{border-bottom:none;padding-bottom:0}.group-info-item:first-child{padding-top:0}.group-info-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.group-info-label svg{color:var(--text-muted);flex-shrink:0}.group-info-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.invite-code-box{display:flex;align-items:center;justify-content:center;padding:14px;background:var(--bg-input);border:1.5px dashed var(--border-color);border-radius:var(--radius-md)}.invite-code-text{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--accent);letter-spacing:.15em}.text-muted{color:var(--text-muted)}.leave-blocked-notice{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary);line-height:1.6}.leave-blocked-notice svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.leave-blocked-notice strong{color:var(--text-primary)}.admin-member-list{display:flex;flex-direction:column}.admin-member-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-color)}.admin-member-row:last-child{border-bottom:none;padding-bottom:0}.admin-member-row:first-child{padding-top:0}.admin-member-info{display:flex;flex-direction:column;gap:3px}.admin-member-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.admin-member-me{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:4px}.admin-badge{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:600;color:var(--accent);padding:1px 6px;background:#6366f11a;border-radius:4px;width:fit-content}.btn-admin-toggle{padding:5px 14px;font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;border:1.5px solid var(--accent);background:transparent;color:var(--accent);flex-shrink:0}.btn-admin-toggle:hover:not(:disabled){background:var(--accent);color:#fff}.btn-admin-toggle.is-admin{border-color:var(--absent);color:var(--absent)}.btn-admin-toggle.is-admin:hover:not(:disabled){background:var(--absent);color:#fff}.btn-admin-toggle:disabled{opacity:.35;cursor:not-allowed}.btn-icon{background:none;border:none;padding:8px;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#1b23400d}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em}.badge-attending{background:var(--attending-bg);color:var(--attending);border:1px solid var(--attending-border)}.badge-absent{background:var(--absent-bg);color:var(--absent);border:1px solid var(--absent-border)}.badge-undecided{background:var(--undecided-bg);color:var(--undecided);border:1px solid var(--undecided-border)}.badge-waitlisted{background:var(--waitlisted-bg);color:var(--waitlisted);border:1px solid var(--waitlisted-border)}.badge-none{background:#1b23400a;color:var(--text-muted);border:1px solid var(--border-color)}.badge-cancelled{background:var(--absent-bg);color:var(--absent);border:1px solid var(--absent-border)}.badge-type{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.02em}.badge-type-event{background:#d1fae5;color:#047857;border:1px solid #6ee7b7}.badge-full{background:var(--absent-bg);color:var(--absent);border:1px solid var(--absent-border);margin-left:8px}.badge-basics{background:var(--basics-only-bg);color:var(--basics-only);border:1px solid var(--basics-only-border)}.badge-action-register{background:var(--attending-bg);color:var(--attending)}.badge-action-update{background:var(--undecided-bg);color:var(--undecided)}.badge-action-admin_update{background:var(--waitlisted-bg);color:var(--waitlisted)}.cal-full-badge{position:absolute;right:0;top:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;color:#fff;background:var(--absent);padding:0 2px;border-radius:0 2px 2px 0;line-height:1}.page-title{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;color:var(--navy);margin:0 0 16px}.page-title svg{color:var(--accent);flex-shrink:0}.section-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.section-title svg{color:var(--text-secondary);flex-shrink:0}.text-input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:border-color var(--transition-fast);box-sizing:border-box;min-width:0}.text-input:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-subtle)}.text-input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-row{display:flex;gap:12px;margin-bottom:12px}.form-row>.form-group{flex:1;min-width:0}.practice-form{display:flex;flex-direction:column}.practice-form .form-group:last-of-type{margin-bottom:0}.type-selector{display:flex;gap:8px}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-card);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all .2s}.type-btn:hover{border-color:var(--text-muted)}.type-btn.active.type-btn-practice{border-color:var(--accent);background:#4f6df514;color:var(--accent)}.type-btn.active.type-btn-event{border-color:#10b981;background:#10b98114;color:#047857}.type-icon{display:flex;align-items:center}.form-label-icon{display:inline-flex;align-items:center;gap:6px}.form-label-icon svg{color:var(--text-muted);flex-shrink:0}.form-toggles{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.toggle-input{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:44px;height:24px;background:#d1d5db;border-radius:12px;transition:background .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-input:checked+.toggle-switch{background:var(--navy)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.btn-back{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:8px 0;margin-bottom:8px;font-family:var(--font-sans);transition:color var(--transition-fast)}.btn-back:hover{color:var(--accent)}input[type=date].text-input,input[type=time].text-input{min-height:44px;-webkit-appearance:none;appearance:none;line-height:1.2}.form-page{padding:12px 0}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-actions{display:flex;gap:8px;margin-top:8px}.form-actions .btn{flex:1}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.radio-group{display:flex;gap:8px}.radio-label{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem;flex:1;justify-content:center}.radio-label:hover{border-color:var(--accent-border);background:var(--accent-subtle)}.radio-label:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--accent);font-weight:600}.radio-label input[type=radio]{display:none}.error-text{color:var(--absent);font-size:.85rem;margin:4px 0 0;padding:8px 12px;background:var(--absent-bg);border-radius:var(--radius-sm)}.invite-input-row{display:flex;gap:8px;align-items:stretch}.invite-input-row .text-input{flex:1;min-width:0}.invite-input-row .btn{flex-shrink:0;min-width:72px}.group-select-page{padding:8px 16px 24px;max-width:480px;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.group-select-page .card{margin-bottom:12px;padding:16px}.group-select-page .page-title{text-align:center;margin-bottom:16px;font-size:1.1rem}.group-list{display:flex;flex-direction:column;gap:6px}.group-card{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);text-align:left;box-sizing:border-box}.group-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.group-card.active{border-color:var(--accent-border);background:var(--accent-subtle)}.group-card-main{display:flex;flex-direction:column;gap:2px;min-width:0}.group-card-name{font-size:.95rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card-members{font-size:.8rem;color:var(--text-muted)}.group-select-page .invite-input-row .text-input{font-size:1.1rem;letter-spacing:.2em;font-weight:700;text-align:center;text-transform:uppercase;padding:14px}.group-select-page .btn-lg{min-height:52px}.calendar-card{padding:16px 16px 12px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-title{font-size:1.15rem;font-weight:700;letter-spacing:.02em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0}.calendar-dow{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);padding:8px 0;text-transform:uppercase;letter-spacing:.05em}.calendar-dow.sun{color:#dc2626}.calendar-dow.sat{color:#6366f1}.calendar-day{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:1px;padding:4px 0;border-radius:var(--radius-sm);cursor:default;transition:all var(--transition-fast);font-size:.9rem;min-height:52px;overflow:hidden}.calendar-day.has-practice{cursor:pointer}.calendar-day.has-practice:hover{background:var(--accent-subtle)}.calendar-day.other-month .day-number{color:var(--text-muted);opacity:.4}.calendar-day.today .day-number{background:var(--navy);color:#fff;font-weight:700;font-size:.75rem}.calendar-day.sun .day-number{color:#dc2626}.calendar-day.sat .day-number{color:#6366f1}.calendar-day.today.sun .day-number,.calendar-day.today.sat .day-number{color:#fff}.day-number{font-weight:500;font-size:.8rem;text-align:center;line-height:1.2;margin:0 auto 1px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.day-practice-label{position:relative;font-size:.55rem;line-height:1.2;padding:1px 4px;margin:0 1px 1px;border-radius:2px;background:var(--accent);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.cal-legend{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;padding-top:8px;border-top:1px solid var(--border-color)}.cal-legend-item{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;color:var(--text-muted);font-weight:500}.cal-legend-stripe{display:inline-block;width:3.5px;height:12px;border-radius:1px;flex-shrink:0}.cal-legend-faded{opacity:.5}.day-practice-label.my-attending{border-left:3.5px solid #00E676;padding-left:2px}.day-practice-label.my-basics_only{border-left:3.5px solid #B388FF;padding-left:2px}.day-practice-label.my-absent{border-left:3.5px solid #FF1744;padding-left:2px}.day-practice-label.my-undecided{border-left:3.5px solid #FFD600;padding-left:2px}.day-practice-label.my-waitlisted{border-left:3.5px solid #448AFF;padding-left:2px}.day-practice-label.my-none{opacity:.55;border-left:3.5px solid #263238;padding-left:2px}.day-practice-label.type-event{background:#10b981}.day-practice-label.completed{background:var(--text-muted)}.day-practice-label.cancelled{background:var(--cancelled)}.day-practice-label.multi-day-start{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.day-practice-label.multi-day-middle{border-radius:0;margin-left:0;margin-right:0}.day-practice-label.multi-day-end{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.day-practice-label.flat-right{margin-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.day-practice-label.flat-left{margin-left:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.day-practice-label.banner-default{background:var(--banner-default)}.day-practice-label.banner-green{background:var(--banner-green)}.day-practice-label.banner-orange{background:var(--banner-orange)}.day-practice-label.banner-purple{background:var(--banner-purple)}.day-practice-label.banner-pink{background:var(--banner-pink)}.badge-type.banner-default{background:var(--banner-default)!important;color:#fff}.badge-type.banner-green{background:var(--banner-green)!important;color:#fff}.badge-type.banner-orange{background:var(--banner-orange)!important;color:#fff}.badge-type.banner-purple{background:var(--banner-purple)!important;color:#fff}.badge-type.banner-pink{background:var(--banner-pink)!important;color:#fff}.detail-header-card.banner-default{border-top:4px solid var(--banner-default)}.detail-header-card.banner-green{border-top:4px solid var(--banner-green)}.detail-header-card.banner-orange{border-top:4px solid var(--banner-orange)}.detail-header-card.banner-purple{border-top:4px solid var(--banner-purple)}.detail-header-card.banner-pink{border-top:4px solid var(--banner-pink)}.calendar-legend{display:flex;justify-content:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title svg{color:var(--accent)}.practice-list{display:flex;flex-direction:column;gap:10px}.practice-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:all var(--transition-fast)}.practice-card:hover{border-color:var(--accent-border);transform:translate(4px);box-shadow:var(--shadow-glow)}.practice-card.cancelled{opacity:.55}.practice-card.practice-color-default{border-left:4px solid var(--banner-default);background:linear-gradient(90deg,rgba(79,70,229,.06) 0%,transparent 40%)}.practice-card.practice-color-green{border-left:4px solid var(--banner-green);background:linear-gradient(90deg,rgba(16,185,129,.06) 0%,transparent 40%)}.practice-card.practice-color-orange{border-left:4px solid var(--banner-orange);background:linear-gradient(90deg,rgba(245,158,11,.06) 0%,transparent 40%)}.practice-card.practice-color-purple{border-left:4px solid var(--banner-purple);background:linear-gradient(90deg,rgba(139,92,246,.06) 0%,transparent 40%)}.practice-card.practice-color-pink{border-left:4px solid var(--banner-pink);background:linear-gradient(90deg,rgba(236,72,153,.06) 0%,transparent 40%)}.practice-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.practice-date{font-weight:700;font-size:1rem;color:var(--accent)}.practice-time{font-size:.85rem;color:var(--text-secondary)}.practice-card-body{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--text-secondary)}.practice-location{display:flex;align-items:center;gap:4px}.practice-count.full{color:var(--absent);font-weight:600}.practice-card-footer{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.practice-card-footer .badge{font-size:.8rem;padding:4px 14px}.practice-card-footer .badge-none{background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;border:none;font-weight:700;box-shadow:0 2px 6px #1b234026}.rules-toggle{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:600;cursor:pointer;padding:0;transition:color var(--transition-fast)}.rules-toggle:hover{color:var(--accent)}.rules-toggle svg:first-child{color:var(--accent)}.toggle-icon{margin-left:auto;transition:transform var(--transition-normal)}.toggle-icon.open{transform:rotate(180deg)}.rules-content{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color);animation:fadeIn .2s ease}.rules-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.8}.admin-title{color:var(--waitlisted)!important}.admin-title svg{color:var(--waitlisted)!important}.admin-buttons{display:flex;flex-wrap:wrap;gap:10px}.detail-header-card{overflow:hidden}.cancelled-banner{display:flex;align-items:center;gap:8px;background:var(--absent-bg);color:var(--absent);padding:12px 16px;margin:-20px -20px 16px;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--absent-border)}.completed-banner{display:flex;align-items:center;gap:8px;background:#ffffff08;color:var(--text-muted);padding:12px 16px;margin:-20px -20px 16px;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border-color)}.detail-info{display:flex;flex-direction:column;gap:10px}.detail-info-row{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-secondary)}.detail-info-row svg{color:var(--accent);flex-shrink:0}.detail-info-row strong{color:var(--text-primary);min-width:70px}.info-icon{font-size:1.1rem;width:18px;text-align:center}.attendance-card{border-color:var(--accent-border)}.attendance-card-highlight{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle),0 4px 20px #1b234014;animation:pulseHighlight 2s ease-in-out infinite}@keyframes pulseHighlight{0%,to{box-shadow:0 0 0 3px var(--accent-subtle),0 4px 20px #1b234014}50%{box-shadow:0 0 0 5px var(--accent-subtle),0 4px 24px #1b23401f}}.attendance-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.attendance-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:var(--text-secondary);min-height:80px}.attendance-btn .att-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#1b23400a;transition:all var(--transition-normal)}.attendance-btn:hover{transform:translateY(-2px)}.attendance-btn:active{transform:scale(.97)}.attendance-btn.attending:hover,.attendance-btn.attending.active{border-color:var(--attending);background:var(--attending-bg);color:var(--attending);box-shadow:0 4px 16px #16a34a26}.attendance-btn.attending.active .att-icon{background:#16a34a26}.attendance-btn.absent:hover,.attendance-btn.absent.active{border-color:var(--absent);background:var(--absent-bg);color:var(--absent);box-shadow:0 4px 16px #dc262626}.attendance-btn.absent.active .att-icon{background:#dc262626}.attendance-btn.undecided:hover,.attendance-btn.undecided.active{border-color:var(--undecided);background:var(--undecided-bg);color:var(--undecided);box-shadow:0 4px 16px #d9770626}.attendance-btn.undecided.active .att-icon{background:#d9770626}.attendance-btn.basics-only:hover,.attendance-btn.basics-only.active{border-color:var(--basics-only);background:var(--basics-only-bg);color:var(--basics-only);box-shadow:0 4px 16px #a855f726}.attendance-btn.basics-only.active .att-icon{background:#a855f726}.attendance-btn.active{transform:scale(1.02)}.attendance-btn:disabled{cursor:default;opacity:.85}.attendance-btn:disabled:hover{transform:scale(1.02)}.capacity-warning{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;background:var(--absent-bg);border:1px solid var(--absent-border);border-radius:var(--radius-sm);color:var(--absent);font-size:.85rem;line-height:1.5}.capacity-warning svg{flex-shrink:0;margin-top:2px}.waitlist-info{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;background:var(--waitlisted-bg);border:1px solid var(--waitlisted-border);border-radius:var(--radius-sm);color:var(--waitlisted);font-size:.85rem;line-height:1.5}.waitlist-info svg{flex-shrink:0;margin-top:2px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.attending{background:var(--attending)}.status-dot.basics-only{background:var(--basics-only)}.status-dot.absent{background:var(--absent)}.status-dot.undecided{background:var(--undecided)}.status-dot.waitlisted{background:var(--waitlisted)}.attendance-list{list-style:none;display:flex;flex-direction:column;gap:4px}.attendance-list.no-number .attendance-item{padding-left:14px}.attendance-list-compact{display:flex;flex-wrap:wrap;gap:6px;padding:0}.attendance-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px 5px 6px;border-radius:20px;background:var(--surface-alt);font-size:.85rem;line-height:1.3;transition:background var(--transition-fast);white-space:nowrap}.attendance-chip:hover{background:#1b23400f}.attendance-chip .att-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent-subtle);color:var(--accent);font-size:.7rem;font-weight:700;flex-shrink:0}.attendance-chip .att-number.waitlist{background:var(--waitlisted-bg);color:var(--waitlisted);font-size:.6rem}.attendance-chip .att-chip-name{font-size:.85rem;font-weight:500}.attendance-chip .att-chip-name.gender-male{color:#2563eb}.attendance-chip .att-chip-name.gender-female{color:#db2777}.attendance-chip .guest-badge{margin-left:2px}.attendance-chip .guest-by{font-size:.65rem;margin-left:0}.attendance-chip.no-number{padding-left:12px}.attendance-summary-anon{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-alt);border-radius:var(--radius-sm);font-size:.9rem}.anon-total{font-weight:700;color:var(--text-primary);font-size:1rem}.anon-detail{font-size:.85rem;color:var(--text-secondary);font-weight:500}.attendance-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.btn-tiny{padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--text-muted);background:#1b23400a;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.btn-tiny:hover{background:#1b234014;color:var(--text-secondary)}.attendance-item:hover{background:#1b234008}.att-name.gender-male{color:#2563eb}.att-name.gender-female{color:#db2777}.fee-label-male{color:#2563eb;font-weight:600}.fee-label-female{color:#db2777;font-weight:600}.beta-badge{font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-sm);padding:1px 5px;margin-left:6px;vertical-align:middle}.att-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent-subtle);color:var(--accent);font-size:.75rem;font-weight:700;flex-shrink:0}.att-number.waitlist{background:var(--waitlisted-bg);color:var(--waitlisted);font-size:.65rem}.att-name{flex:1;font-size:.9rem}.empty-list{color:var(--text-muted);font-size:.85rem;text-align:center;padding:16px}.fee-summary-card .section-title{color:var(--accent)}.fee-details{display:flex;flex-direction:column;gap:8px;margin-top:8px}.fee-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:4px 0}.fee-row.fee-total{border-top:1px solid var(--border-color);padding-top:8px;margin-top:4px;font-weight:700;font-size:1rem}.fee-row.fee-collected{color:var(--attending);font-size:.85rem}.fee-amount{font-weight:600;font-variant-numeric:tabular-nums}.payment-select{font-size:.7rem;font-weight:600;padding:3px 4px;border-radius:6px;border:1.5px solid #e74c3c;background:#e74c3c14;color:#e74c3c;cursor:pointer;min-width:68px;flex-shrink:0}.payment-select.cash{background:var(--attending);border-color:var(--attending);color:#fff}.payment-select.paypay{background:#0070e0;border-color:#0070e0;color:#fff}.payment-select.ticket{background:#e67e22;border-color:#e67e22;color:#fff}.payment-select.deferred{background:#6c757d;border-color:#6c757d;color:#fff}.fee-pending-banner{justify-content:center;font-weight:600;color:var(--text-secondary);font-size:.95rem;padding:12px 0}.fee-breakdown{font-size:.85rem;color:var(--text-secondary)}.fee-divider{height:1px;background:var(--border-color);margin:6px 0}.fee-row.fee-cashflow-header{font-weight:700;font-size:.95rem;color:var(--text-primary);padding:6px 0 2px}.fee-cashflow-amount{color:var(--accent)!important;font-size:1.05rem!important}.fee-row.fee-sub{font-size:.82rem;padding:2px 0 2px 12px;color:var(--text-secondary)}.fee-sub-label{font-weight:600;min-width:56px}.fee-row.fee-sub-muted{opacity:.65}.btn-ticket-sale{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:2px dashed var(--accent-border);border-radius:10px;background:var(--accent-subtle);color:var(--accent);font-size:.88rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s;margin-top:4px}.btn-ticket-sale:hover{border-color:var(--accent);background:rgba(var(--accent-rgb, 27, 35, 64),.08)}.ticket-sales-summary{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:8px 10px;background:var(--surface-alt);border-radius:8px;font-size:.8rem}.ticket-sale-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticket-sale-detail{font-weight:600;color:var(--attending);white-space:nowrap}.ticket-sale-form{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:16px}.ticket-sale-price-preview{text-align:center;padding:10px;background:var(--accent-subtle);border-radius:8px;font-size:.95rem;color:var(--accent)}.ticket-plan-list{display:flex;flex-direction:column;gap:6px}.ticket-plan-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface-alt);border-radius:8px;font-size:.85rem}.ticket-plan-name{font-weight:600}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-card{padding:14px;background:var(--surface-alt);border-radius:10px;border-left:4px solid var(--attending)}.ticket-card.expired{opacity:.55;border-left-color:var(--text-muted)}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-user{font-weight:700;font-size:.9rem}.ticket-plan{font-size:.75rem;background:#4caf5026;color:var(--attending);padding:2px 8px;border-radius:10px;font-weight:600}.ticket-progress{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ticket-bar{flex:1;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.ticket-bar-fill{height:100%;background:var(--attending);border-radius:4px;transition:width .3s ease}.ticket-count{font-size:.8rem;font-weight:700;white-space:nowrap;color:var(--attending)}.ticket-footer{display:flex;justify-content:space-between;align-items:center}.ticket-expiry{font-size:.75rem;color:var(--text-muted)}.live-match-card{background:linear-gradient(135deg,#e74c3c0f,#e74c3c05);border:1.5px solid rgba(231,76,60,.15)}.btn-live-view{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border:none;border-radius:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:.95rem;font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all .25s ease;box-shadow:0 2px 12px #e74c3c40;letter-spacing:.02em}.btn-live-view:hover{transform:translateY(-1px);box-shadow:0 4px 18px #e74c3c59;background:linear-gradient(135deg,#ef5350,#e74c3c)}.btn-live-view:active{transform:translateY(0);box-shadow:0 1px 6px #e74c3c33}.live-dot{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff9;animation:livePulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 6px #fff9}50%{opacity:.5;box-shadow:0 0 2px #ffffff4d}}.guest-badge{display:inline-block;background:#00968826;color:#009688;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:8px;margin-left:6px;vertical-align:middle;letter-spacing:.5px}.guest-by{font-size:.7rem;color:var(--text-muted);margin-left:4px}.btn-guest-add{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px dashed var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-guest-add:hover{border-color:var(--primary);color:var(--primary);background:#4caf500d}.guest-add-form{display:flex;flex-direction:column;gap:12px}.guest-add-form .form-input{padding:12px 14px;font-size:1rem}.guest-form-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0}.guest-gender-select{display:flex;gap:8px}.btn-gender-male,.btn-gender-female{flex:1;border:2px solid var(--border);background:transparent;border-radius:8px;padding:6px 12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-gender-male{color:#42a5f5}.btn-gender-male.active{background:#42a5f526;border-color:#42a5f5}.btn-gender-female{color:#ef5da8}.btn-gender-female.active{background:#ef5da826;border-color:#ef5da8}.guest-form-actions{display:flex;gap:8px}.guest-form-actions .btn{flex:1}.btn-remove-guest{color:#e74c3c!important;background:#e74c3c14!important;border-color:#e74c3c4d!important;font-size:.75rem!important;min-width:28px}.btn-remove-guest:hover{background:#e74c3c2e!important}.admin-att-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.admin-att-buttons .attendance-btn{flex-direction:row;justify-content:center;padding:14px}.form-hint{margin-top:6px;font-size:.8rem;color:var(--text-muted);line-height:1.5}.save-success{margin-top:12px;font-size:.9rem;color:var(--attending);text-align:center;animation:fadeIn .3s ease}.member-selector{display:flex;flex-direction:column;gap:6px}.member-selector label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.select-input{width:100%;padding:12px 36px 12px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.member-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center;color:var(--text-muted);font-size:.85rem}.stats-card{overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:var(--radius-sm)}.stat-item.attending{background:var(--attending-bg)}.stat-item.absent{background:var(--absent-bg)}.stat-item.undecided{background:var(--undecided-bg)}.stat-item.waitlisted{background:var(--waitlisted-bg)}.stat-item.basics-only{background:var(--basics-only-bg)}.stat-number{font-size:1.5rem;font-weight:800}.stat-item.attending .stat-number{color:var(--attending)}.stat-item.absent .stat-number{color:var(--absent)}.stat-item.undecided .stat-number{color:var(--undecided)}.stat-item.waitlisted .stat-number{color:var(--waitlisted)}.stat-item.basics-only .stat-number{color:var(--basics-only)}.stat-label{font-size:.7rem;color:var(--text-secondary);font-weight:600}.stats-summary{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--accent);text-align:center}.member-attendance-list{display:flex;flex-direction:column;gap:4px}.member-att-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.member-att-row:hover{background:#1b234008}.member-att-row.cancelled{opacity:.5}.member-att-date{display:flex;flex-direction:column;min-width:100px}.date-text{font-weight:600;font-size:.9rem}.time-text{font-size:.75rem;color:var(--text-muted)}.member-att-location{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-list{display:flex;flex-direction:column;gap:12px}.log-item{padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.log-item:hover{border-color:var(--border-hover)}.log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.log-time{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono)}.log-body{display:flex;align-items:center;gap:8px}.log-user{font-weight:600;font-size:.9rem}.log-detail{display:flex;align-items:center;gap:6px;font-size:.85rem}.log-arrow{color:var(--text-muted)}.log-practice{margin-top:6px;font-size:.8rem;color:var(--accent);cursor:pointer;transition:opacity var(--transition-fast)}.log-practice:hover{opacity:.7}.log-admin{margin-top:4px;font-size:.8rem;color:var(--waitlisted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary);padding:2rem 1.5rem;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:200}.auth-logo{margin-bottom:1rem}.auth-logo img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(200,168,78,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-title{font-size:1.5rem;font-weight:800;margin-bottom:.4rem;color:var(--navy);letter-spacing:.04em}.auth-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:360px}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.95rem 1.2rem;min-height:52px;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.auth-btn-google{border:1px solid var(--border-color);background:#fff;color:var(--text-primary);box-shadow:0 1px 4px #1b234014}.auth-btn-google:hover{border-color:var(--border-hover);box-shadow:0 2px 8px #1b23401f;transform:translateY(-1px)}.auth-btn-email{border:1px solid var(--border-color);background:#fff;color:var(--text-secondary)}.auth-btn-email:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.auth-btn-email svg{color:var(--text-muted);flex-shrink:0}.auth-btn-primary{border:none;background:linear-gradient(135deg,var(--navy),var(--navy-light));color:#fff;font-weight:700;box-shadow:0 2px 8px #1b234033}.auth-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1b23404d}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-input{width:100%;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);box-sizing:border-box;transition:border-color var(--transition-fast)}.auth-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.auth-input::placeholder{color:var(--text-muted)}.auth-form-header{font-size:1rem;font-weight:700;margin:0;text-align:center;color:var(--text-primary)}.auth-form-footer{text-align:center;font-size:.85rem;color:var(--text-secondary);margin:0}.auth-link{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;font-size:.85rem;font-family:var(--font-sans);padding:4px}.auth-link:hover{text-decoration:underline}.auth-back{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-family:var(--font-sans);padding:8px;transition:color var(--transition-fast)}.auth-back:hover{color:var(--text-secondary)}.auth-error{text-align:center;color:var(--absent);font-size:.85rem;margin:0;padding:.6rem 1rem;background:var(--absent-bg);border-radius:var(--radius-sm);border:1px solid var(--absent-border)}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.auth-gender-group{display:flex;gap:.5rem}.auth-gender-btn{flex:1;padding:.7rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-family:var(--font-sans);transition:all var(--transition-fast)}.auth-gender-btn.selected{border:2px solid var(--navy);background:#1b23400d;color:var(--navy);font-weight:600}.auth-gender-btn:hover:not(.selected){border-color:var(--border-hover);background:var(--bg-card-hover)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--bg-primary);color:var(--text-secondary);gap:1rem}.auth-loading img{width:80px;height:80px;object-fit:contain;animation:float 3s ease-in-out infinite}.login-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:32px}.login-logo{text-align:center}.logo-icon{font-size:4rem;display:block;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(200,168,78,.3));animation:float 3s ease-in-out infinite}.login-title{font-size:1.8rem;font-weight:800;line-height:1.3;color:var(--navy);letter-spacing:.04em}.login-card{width:100%}.login-subtitle{font-size:1.1rem;font-weight:700;margin-bottom:8px}.login-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:20px}.login-btn{margin-top:8px}.login-info{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color);text-align:center}.login-info p{font-size:.8rem;color:var(--text-muted)}.empty-state{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:.9rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1b23401f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1b234038}@media(max-width:480px){.app-main{padding:12px}.card{padding:16px}.calendar-day{font-size:.8rem}.header-title{font-size:.95rem}.user-name{display:none}.practice-card-body{flex-direction:column;gap:4px}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.admin-buttons{flex-direction:column}.admin-buttons .btn{width:100%}}.invite-copy-btn{width:100%;transition:all var(--transition-fast)}.invite-copy-btn.copied{background:#16a34a1a;color:#16a34a;border-color:#16a34a}.app-footer{display:flex;flex-direction:column;align-items:center;padding:24px 16px 32px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:12px}.app-footer strong{color:var(--accent);font-weight:700}.footer-privacy-link{display:block;margin-top:6px;font-size:.7rem;color:var(--text-muted);text-decoration:none;text-transform:none;letter-spacing:0}.footer-privacy-link:hover{color:var(--primary);text-decoration:underline}.footer-links{display:block;margin-top:6px}.footer-links a{font-size:.7rem;color:var(--text-muted);text-decoration:none;text-transform:none;letter-spacing:0}.footer-links a:hover{color:var(--primary);text-decoration:underline}.footer-separator{margin:0 4px;color:var(--text-muted);opacity:.5;font-size:.7rem}.footer-support-pill{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FDE68A;color:#92400e;font-size:.75rem;font-weight:600;text-decoration:none;text-transform:none;letter-spacing:0;transition:all var(--transition-fast)}.footer-support-pill:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);transform:translateY(-1px);box-shadow:0 2px 8px #d9770633}.support-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FDE68A;border-radius:var(--radius-md);padding:14px 20px;text-align:center}.support-card__icon{font-size:1.4rem;margin-bottom:4px}.support-card__title{font-size:.9rem;font-weight:700;color:#92400e;margin-bottom:4px}.support-card__desc{font-size:.75rem;color:#78716c;line-height:1.5;margin-bottom:10px}.support-card__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:var(--radius-full, 999px);background:transparent;color:#92400e;font-size:.85rem;font-weight:600;text-decoration:none;border:1.5px solid #D97706;transition:all var(--transition-fast)}.support-card__btn:hover{background:#d9770614;transform:translateY(-1px);box-shadow:0 2px 8px #d9770626}.consent-checkbox{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.82rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.consent-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.consent-checkbox a{color:var(--primary);text-decoration:underline;font-weight:600}.consent-checkbox a:hover{opacity:.8}.privacy-page{max-width:720px;margin:0 auto;padding:24px 16px 48px}.privacy-title{font-size:1.3rem;font-weight:800;color:var(--text);margin-bottom:4px}.privacy-effective{font-size:.8rem;color:var(--text-muted);margin-bottom:24px}.privacy-section{margin-bottom:28px}.privacy-section h2{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:8px;padding-bottom:4px;border-bottom:2px solid var(--border)}.privacy-section h3{font-size:.95rem;font-weight:700;color:var(--text);margin:16px 0 6px}.privacy-section p{font-size:.88rem;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}.privacy-section ul{padding-left:20px;margin:8px 0}.privacy-section ul li{font-size:.88rem;line-height:1.7;color:var(--text-secondary);margin-bottom:4px}.privacy-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.82rem}.privacy-table th,.privacy-table td{padding:8px 10px;border:1px solid var(--border);text-align:left}.privacy-table th{background:var(--surface);font-weight:700;color:var(--text);white-space:nowrap}.privacy-table td{color:var(--text-secondary)}.privacy-part-header{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;color:var(--primary);margin:32px 0 16px;padding-bottom:8px;border-bottom:3px solid var(--primary)}.privacy-part-header:first-of-type{margin-top:0}.privacy-divider{height:1px;background:var(--border);margin:32px 0}.privacy-note{font-size:.78rem;color:var(--text-muted);font-style:italic;margin-top:8px}.privacy-service-list{display:flex;flex-direction:column;gap:8px;margin:12px 0}.privacy-service-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.85rem}.privacy-service-item strong{color:var(--text)}.privacy-service-item span{color:var(--text-muted);font-size:.78rem}.privacy-important{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#e74c3c0f;border:1px solid rgba(231,76,60,.2);border-left:4px solid #e74c3c;border-radius:8px;margin:12px 0;font-size:.88rem;color:var(--text);font-weight:600}.privacy-important svg{flex-shrink:0;color:#e74c3c;margin-top:2px}.privacy-section a{color:var(--primary);text-decoration:underline}.privacy-section a:hover{opacity:.8}.privacy-contact-section{margin-bottom:0}.privacy-contact-card{padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:12px}.privacy-contact-card p{color:var(--text)!important;margin-bottom:2px}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:modal-fade-in .15s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;animation:modal-slide-up .2s ease-out}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.modal-header .modal-title{margin-bottom:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .15s;flex-shrink:0}.modal-close:hover{background:#e5e7eb;color:#1a1a2e}.practice-select-date{font-size:.85rem;color:#6b7280;margin-bottom:16px}.practice-select-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.practice-select-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s;width:100%;text-align:left}.practice-select-item:hover{border-color:#6366f1;background:#6366f10d}.practice-select-info{display:flex;flex-direction:column;gap:2px}.practice-select-time{font-weight:700;font-size:.95rem;color:#1a1a2e}.practice-select-location{font-size:.8rem;color:#6b7280}.confirm-icon-wrapper{display:flex;justify-content:center;margin-bottom:12px;color:#e74c3c}.confirm-title{font-size:1.05rem;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:8px}.confirm-message{font-size:.88rem;color:#4b5563;text-align:center;line-height:1.5;margin-bottom:20px}.confirm-buttons{display:flex;gap:10px}.confirm-buttons .btn{flex:1}.btn-danger{padding:10px 16px;border-radius:10px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;background:#e74c3c;color:#fff;transition:background .15s}.btn-danger:hover{background:#c0392b}.notification-bell-wrapper{position:relative;margin-right:8px}.header-bell-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.header-bell-btn:hover{background:#1b23400d;color:var(--accent)}.header-bell-btn:active{transform:scale(.92)}.notification-popover{position:absolute;top:calc(100% + 8px);right:-8px;width:300px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);z-index:200;overflow:hidden;animation:notifPopoverIn .2s ease}@keyframes notifPopoverIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-popover-header{padding:14px 16px 10px;border-bottom:1px solid var(--border-color)}.notification-popover-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0}.notification-popover-body{padding:4px}.notification-popover-body .notification-settings{margin-bottom:0;border:none;background:none;border-radius:0}.notification-settings{margin-bottom:12px;padding:12px 14px;background:#6366f10a;border:1px solid rgba(99,102,241,.12);border-radius:var(--radius-sm)}.notification-label{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--text-primary)}.notification-label svg{flex-shrink:0;color:var(--primary)}.notification-hint{font-size:.78rem;color:var(--text-muted);margin:6px 0 0;padding-left:24px}.notification-hint.error{color:var(--absent)}.color-selector{display:flex;gap:12px;flex-wrap:wrap;padding:4px 0}.color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.color-btn:hover{transform:scale(1.1)}.color-btn.active{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--accent);transform:scale(1.1)}.color-btn.banner-default{background:var(--banner-default)}.color-btn.banner-green{background:var(--banner-green)}.color-btn.banner-orange{background:var(--banner-orange)}.color-btn.banner-purple{background:var(--banner-purple)}.color-btn.banner-pink{background:var(--banner-pink)}.notification-bell-wrapper{position:relative}.header-bell-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:color .2s,background .2s}.header-bell-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.notification-badge{position:absolute;top:0;right:-2px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none;border:2px solid var(--bg-card)}.notification-popover{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #1b23401f,0 2px 8px #1b23400f;z-index:1000;display:flex;flex-direction:column;animation:popoverFadeIn .15s ease-out;overflow:hidden}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-popover-tabs{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0}.notification-tab{flex:1;padding:10px 12px;background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;gap:6px}.notification-tab:hover{color:var(--text-primary)}.notification-tab.active{color:var(--navy);border-bottom-color:var(--accent);font-weight:600}.tab-badge{background:#ef4444;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.notification-popover-body{overflow-y:auto;flex:1;min-height:60px}.notification-list{display:flex;flex-direction:column}.mark-all-read-btn{padding:8px 12px;background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--accent);font-size:.75rem;font-weight:500;cursor:pointer;text-align:right;transition:opacity .2s}.mark-all-read-btn:hover{opacity:.7}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;cursor:pointer;border-bottom:1px solid rgba(27,35,64,.05);transition:background .15s;position:relative}.notification-item:hover{background:var(--bg-card-hover)}.notification-item.unread{background:#c8a84e0a}.notification-item.unread:hover{background:#c8a84e14}.notification-item-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.notification-item-body{font-size:.75rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-group{font-size:.6rem;color:var(--primary);font-weight:600;margin-bottom:2px;opacity:.8}.notification-item-time{font-size:.65rem;color:var(--text-muted);margin-top:4px}.notification-unread-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0;margin-top:6px}.notification-settings{padding:14px}.notification-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary)}.notification-hint{font-size:.75rem;color:var(--text-muted);margin-top:8px;padding:0 14px 14px}.notification-hint.error{color:#ef4444}.notification-settings .toggle-switch{position:relative;width:44px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.notification-settings .toggle-switch:after{display:none}.notification-settings .toggle-switch.active{background:var(--accent);border-color:var(--accent)}.notification-settings .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.notification-settings .toggle-switch.active .toggle-knob{transform:translate(20px)}.notification-settings .toggle-switch:disabled{opacity:.5;cursor:not-allowed}