@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#2a0a1e;--bg-secondary:#3d1230;--bg-card:#fff9;--bg-card-hover:#ffffffb8;--bg-glass:#ffffff73;--bg-glass-strong:#fff9;--text-primary:#fff;--text-secondary:#fffffff2;--text-muted:#fffc;--accent-teal:#ff6b8a;--accent-teal-dim:#ff6b8a40;--accent-purple:#e87cb0;--accent-purple-dim:#e87cb040;--accent-red:#ff4757;--accent-red-dim:#ff475740;--accent-orange:#ffa502;--accent-orange-dim:#ffa50240;--accent-blue:#f0a4c0;--gradient-primary:linear-gradient(135deg, #ff6b8a 0%, #ff8a6b 50%, #ffa07a 100%);--gradient-card:linear-gradient(135deg, #ff6b8a1f 0%, #ffa07a1f 100%);--gradient-danger:linear-gradient(135deg, #ff4757 0%, #ff6348 100%);--border:#ffffff4d;--border-active:#ff6b8a99;--shadow-sm:0 2px 8px #0000001f;--shadow-md:0 4px 16px #0000002e;--shadow-lg:0 8px 32px #00000038;--shadow-glow-teal:0 0 20px #ff6b8a59;--shadow-glow-purple:0 0 20px #e87cb059;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--fs-xs:1.1rem;--fs-sm:1.3rem;--fs-base:1.45rem;--fs-lg:1.7rem;--fs-xl:2rem;--fs-2xl:2.5rem;--fs-3xl:3.2rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px}body{font-family:var(--font-body);color:var(--text-primary);background:linear-gradient(160deg,#8b2252 0%,#c44569 25%,#e17055 50%,#fab1a0 75%,#ffeaa7 100%) fixed;min-height:100dvh;font-weight:500;line-height:1.6;overflow-x:hidden}a{color:var(--accent-teal);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:var(--fs-base)}.page-container{max-width:480px;padding:var(--space-md);padding-bottom:var(--space-xl);min-height:100dvh;margin:0 auto}.page-header{margin-bottom:var(--space-lg);padding-top:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.page-title{font-family:var(--font-display);font-size:var(--fs-2xl);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:var(--fs-sm);margin-top:var(--space-xs)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.card-glass{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);-webkit-backdrop-filter:blur(24px)}.card-gradient{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-sm);transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-teal)}.btn-primary:hover{box-shadow:var(--shadow-glow-teal), var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--accent-teal);color:#fff;font-weight:700}.btn-success:hover{box-shadow:var(--shadow-glow-teal);background:#00e6b8}.btn-danger{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ef444433}.btn-danger:hover{background:#ef444440}.btn-ghost{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-glass-strong);color:var(--text-primary)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--fs-base);border-radius:var(--radius-lg)}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input{width:100%;padding:var(--space-md);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--fs-base);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px var(--accent-teal-dim);outline:none}.input::placeholder{color:var(--text-muted)}.label{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500;display:block}.form-group{margin-bottom:var(--space-lg)}.badge{border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.02em;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-teal{background:var(--accent-teal-dim);color:var(--accent-teal)}.badge-purple{background:var(--accent-purple-dim);color:var(--accent-purple)}.badge-red{background:var(--accent-red-dim);color:var(--accent-red)}.badge-orange{background:var(--accent-orange-dim);color:var(--accent-orange)}.progress-bar{background:var(--bg-glass-strong);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress-fill.danger{background:var(--gradient-danger)}.top-nav{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.5);background:#8b2252e0;border-bottom:1px solid #ffffff1f;position:sticky;top:0}.top-nav-inner{max-width:960px;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.top-nav-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.top-nav-logo-icon{filter:drop-shadow(0 0 8px #00d4aa4d);font-size:26px}.top-nav-logo-text{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.top-nav-links{align-items:center;gap:2px;display:none}.top-nav-link{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:8px 15px;font-family:inherit;font-size:17px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.top-nav-link:hover{color:var(--text-primary);background:var(--bg-glass)}.top-nav-link.active{color:var(--accent-teal);background:var(--accent-teal-dim);border-color:#00d4aa26;font-weight:600}.top-nav-link-icon{font-size:14px;line-height:1}.top-nav-link-label{line-height:1}.top-nav-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 6px}.top-nav-logout:hover{color:var(--accent-red)!important;background:var(--accent-red-dim)!important;border-color:#ef44441f!important}.top-nav-hamburger{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.top-nav-hamburger:hover{background:var(--bg-glass-strong);border-color:var(--border-active)}.hamburger-icon{flex-direction:column;gap:4px;width:18px;display:flex}.hamburger-icon span{background:var(--text-secondary);transform-origin:50%;border-radius:2px;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.hamburger-icon.open span:first-child{background:var(--accent-teal);transform:translateY(6px)rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-icon.open span:last-child{background:var(--accent-teal);transform:translateY(-6px)rotate(-45deg)}.mobile-menu-panel{z-index:99;background:#8b2252fa;border-bottom:1px solid #0000;max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.mobile-menu-panel.open{border-bottom-color:var(--border);max-height:400px}.mobile-menu-nav{flex-direction:column;gap:2px;padding:8px 16px 16px;display:flex}.mobile-nav-link{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:16px 18px;font-family:inherit;font-size:19px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.mobile-nav-link:hover{background:var(--bg-glass);color:var(--text-primary)}.mobile-nav-link.active{background:var(--accent-teal-dim);color:var(--accent-teal);font-weight:600}.mobile-nav-icon{text-align:center;width:24px;font-size:20px}.mobile-nav-divider{background:var(--border);height:1px;margin:4px 16px}.mobile-nav-logout:hover{background:var(--accent-red-dim)!important;color:var(--accent-red)!important}.mobile-overlay{z-index:98;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}@media (min-width:768px){.top-nav-links{display:flex}.top-nav-hamburger,.mobile-menu-panel,.mobile-overlay{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-pulse{animation:2s ease-in-out infinite pulse}.text-center{text-align:center}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-muted{color:var(--text-secondary)}.font-display{font-family:var(--font-display)}.font-bold{font-weight:700}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.items-center{align-items:center}.grow{flex-grow:1}.toast{top:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--fs-sm);z-index:999;text-align:center;max-width:calc(100% - 32px);font-weight:500;animation:.3s slideUp;position:fixed;left:50%;transform:translate(-50%)}.toast-success{background:var(--accent-teal-dim);color:var(--accent-teal);border:1px solid #00d4aa33}.toast-error{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ef444433}.toast-warning{background:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid #f59e0b33}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:48px}.spinner{border:3px solid var(--bg-glass-strong);border-top-color:var(--accent-teal);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.credit-ring-container{width:80px;height:80px;position:relative}.credit-ring-container svg{transform:rotate(-90deg)}.credit-ring-bg{fill:none;stroke:var(--bg-glass-strong);stroke-width:6px}.credit-ring-fill{fill:none;stroke:url(#creditGradient);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.credit-ring-text{font-family:var(--font-display);font-size:var(--fs-xl);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.day-tabs{gap:var(--space-sm);padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.day-tabs::-webkit-scrollbar{display:none}.day-tab{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--fs-sm);background:var(--bg-glass);color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition-fast);cursor:pointer;flex-shrink:0;font-weight:600}.day-tab.active{background:var(--accent-teal);color:#0b0b14;box-shadow:var(--shadow-glow-teal);border-color:#0000}.day-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-glass-strong)}.attendee-list{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.attendee-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--fs-sm);display:flex}.attendee-avatar{background:var(--gradient-primary);width:28px;height:28px;font-size:var(--fs-xs);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.attendee-status{font-size:var(--fs-sm);margin-left:auto}.alert-banner{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--fs-sm);margin-bottom:var(--space-md);font-weight:500;display:flex}.alert-banner-warning{background:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid #f59e0b33}.alert-banner-error{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ef444433}.alert-banner-success{background:var(--accent-teal-dim);color:var(--accent-teal);border:1px solid #00d4aa33}@media (min-width:768px){.page-container{max-width:640px;padding:var(--space-lg)}}.wide-wrapper{max-width:1100px;margin:0 auto;padding:20px 16px 40px}@media (min-width:768px){.wide-wrapper{padding:20px 24px 40px}}.grid-main{grid-template-columns:1fr;align-items:start;gap:20px;display:grid}@media (min-width:768px){.grid-main{grid-template-columns:1fr 300px}.grid-main-admin{grid-template-columns:1fr 340px}}.grid-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px;display:grid}@media (min-width:768px){.grid-stats{grid-template-columns:repeat(4,1fr)}}.table-users-header,.table-users-row{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px 16px;display:grid}@media (min-width:768px){.table-users-header,.table-users-row{grid-template-columns:2fr 2fr 1.5fr 80px 80px 90px}}.table-cell-hide-mobile{display:none}.table-cell-show-mobile{display:inline-flex}@media (min-width:768px){.table-cell-hide-mobile{display:block}.table-cell-show-mobile{display:none}}.quick-actions-wrap{flex-wrap:wrap;gap:6px;display:flex}.header-flex{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}@media (min-width:768px){.header-flex{flex-direction:row;justify-content:space-between;align-items:flex-end}}.credit-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}@media (min-width:768px){.credit-header{flex-direction:row;justify-content:space-between;align-items:center}}.actions-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing-loading{justify-content:center;align-items:center;min-height:100dvh;display:flex}.landing-page{flex-direction:column;min-height:100dvh;display:flex}.landing-hero{flex:1;justify-content:center;align-items:center;min-height:70dvh;padding:60px 24px 48px;display:flex;position:relative;overflow:hidden}.landing-hero-glow{pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#ff6b8a73 0%,#0000 65%),radial-gradient(60% 50% at 80% 80%,#e87cb04d 0%,#0000 60%);position:absolute;inset:0}.landing-hero-inner{z-index:1;text-align:center;width:100%;max-width:520px;animation:.6s forwards fadeIn;position:relative}.landing-logo-badge{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);color:#fff;letter-spacing:.02em;background:#ffffff2e;border:1px solid #ffffff4d;align-items:center;gap:8px;margin-bottom:28px;padding:8px 20px;font-size:1rem;font-weight:600;display:inline-flex}.landing-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 20px #0003;margin-bottom:20px;font-size:clamp(2.4rem,8vw,4rem);font-weight:800;line-height:1.15}.landing-title-accent{background:linear-gradient(135deg,#ffe0ec 0%,#ffd6cc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-subtitle{color:#ffffffe0;max-width:400px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,3vw,1.3rem);line-height:1.65}.landing-cta-group{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.landing-btn-primary{border-radius:var(--radius-full);color:#8b2252;background:#fff;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 24px #0000002e,0 0 #fff6}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000038,0 0 0 4px #ffffff26}.landing-btn-secondary{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border:1.5px solid #fff6;align-items:center;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.landing-btn-secondary:hover{background:#ffffff47;transform:translateY(-2px)}.landing-features{padding:0 20px 48px}.landing-features-inner{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex}.landing-feature-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);background:#ffffff2e;border:1px solid #ffffff47;align-items:center;gap:18px;padding:20px 22px;transition:all .2s;animation:.5s forwards slideUp;display:flex}.landing-feature-card:hover{background:#ffffff42;transform:translate(4px)}.landing-feature-icon{text-align:center;flex-shrink:0;width:44px;font-size:2rem}.landing-feature-title{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:1.15rem;font-weight:700}.landing-feature-desc{color:#ffffffc7;font-size:.95rem;line-height:1.5}.landing-footer{text-align:center;color:#ffffff80;padding:20px 24px;font-size:.88rem}