body{background-color:#f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.friendspad-logo{align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;-webkit-user-select:none;user-select:none}.friendspad-logo-text{align-items:baseline;display:flex;font-weight:900;letter-spacing:-.02em;line-height:1}.friendspad-logo-f{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.2em;position:relative}.dark-mode .friendspad-logo-f{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffe87c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.friendspad-logo-f:before{content:"🎯";font-size:.6em;left:50%;opacity:.8;position:absolute;top:-.3em;transform:translateX(-50%);z-index:-1}.friendspad-logo-rest{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dark-mode .friendspad-logo-rest{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffe87c);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.friendspad-logo-subtitle{color:#ffffffe6;font-size:.35em;font-weight:600;letter-spacing:.1em;margin-top:.2em;text-shadow:0 2px 4px #0003;text-transform:uppercase}.dark-mode .friendspad-logo-subtitle{color:gold;text-shadow:0 2px 4px #ffd7004d}.logo-small{font-size:24px}.logo-medium{font-size:36px}.logo-large{font-size:64px}.logo-small .friendspad-logo-subtitle{font-size:.4em}.logo-medium .friendspad-logo-subtitle{font-size:.35em}.logo-large .friendspad-logo-subtitle{font-size:.3em}.friendspad-logo:hover .friendspad-logo-f{transform:scale(1.1);transition:transform .3s ease}.friendspad-logo:hover .friendspad-logo-rest{transform:translateX(2px);transition:transform .3s ease}@media (max-width:768px){.logo-large{font-size:48px}.logo-medium{font-size:28px}.logo-small{font-size:20px}}.dark-mode-toggle{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin:0;padding:0;transition:all var(--transition-base);width:40px}.dark-mode-toggle:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-sm);transform:scale(1.1)}.dark-mode-toggle:active{transform:scale(.95)}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.dark-mode .login-container,.login-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#dc143c,#8b0000 50%,#228b22);background-size:200% 200%}.dark-mode .login-container{opacity:.9}.login-container:before{animation:snow 20s linear infinite;background:radial-gradient(circle at 20% 50%,#ffffff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd7001a 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark-mode .login-container:before{background:radial-gradient(circle at 20% 50%,#fff3 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd70026 0,#0000 50%),url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.15' fill-rule='evenodd'/%3E%3C/svg%3E")}@keyframes snow{0%{background-position:0 0}to{background-position:60px 60px}}.login-card{animation:slideUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:2px solid #dc143c1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:48px;position:relative;width:100%;z-index:1}.dark-mode .login-card{background:#fffffff2;border:2px solid #dc143c33;box-shadow:0 20px 60px #0006}.login-card h1{margin-bottom:8px;text-align:center}.login-card h2{font-size:1.1rem;font-weight:500;margin-bottom:32px;text-align:center}.dark-mode .login-card h2,.login-card h2{color:var(--text-secondary)}.login-card .friendspad-logo-f,.login-card .friendspad-logo-rest{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.dark-mode .login-card .friendspad-logo-f,.dark-mode .login-card .friendspad-logo-rest{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffe87c);-webkit-background-clip:text;background-clip:text}.login-card .friendspad-logo-subtitle{color:var(--text-secondary)}.dark-mode .login-card .friendspad-logo-subtitle{color:gold}.login-card form{margin-bottom:24px}.login-card .form-group{margin-bottom:20px}.login-card .form-group label{font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.login-card .form-group input{font-size:16px;padding:14px 18px}.dark-mode .login-card .form-group input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .login-card .form-group input:focus{border-color:var(--poker-gold);box-shadow:0 0 0 3px #ffd7001a}.signup-link{color:var(--text-secondary);font-size:14px;margin-top:24px;text-align:center}.signup-link a{color:var(--christmas-red);font-weight:600;text-decoration:none;transition:color var(--transition-base)}.signup-link a:hover{color:#8b0000;text-decoration:underline}.dark-mode .signup-link{color:var(--text-secondary)}.dark-mode .signup-link a{color:var(--poker-gold)}.dark-mode .signup-link a:hover{color:var(--poker-light-gold)}@media (max-width:480px){.login-card{margin:16px;padding:32px 24px}}.logo-container{align-items:center;display:flex;font-weight:700;gap:12px;-webkit-user-select:none;user-select:none}.logo-large{gap:16px}.logo-medium{gap:12px}.logo-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.logo-icon svg{animation:giftFloat 4s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(220,20,60,.3));height:100%;transform-style:preserve-3d;width:100%}.logo-icon svg .star{animation:twinkle 2s ease-in-out infinite}.logo-icon svg .star1{animation-delay:0s}.logo-icon svg .star2{animation-delay:.5s}.logo-icon svg .star3{animation-delay:1s}.logo-icon svg .star4{animation-delay:1.5s}.logo-icon svg .snowflake{animation:fall 3s linear infinite;opacity:.7}.logo-icon svg .snowflake1{animation-delay:0s}.logo-icon svg .snowflake2{animation-delay:1.5s}.logo-large .logo-icon{height:72px;width:72px}.logo-medium .logo-icon{height:56px;width:56px}.logo-small .logo-icon{height:40px;width:40px}.logo-text{display:flex;flex-direction:column;gap:0;line-height:1.05}.logo-text-main{font-size:1.4rem;letter-spacing:-.5px;position:relative}.logo-s,.logo-text-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc143c,tomato 50%,#dc143c);-webkit-background-clip:text;background-clip:text}.logo-s{display:inline-block}.logo-text-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#228b22,#32cd32 50%,#228b22);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;letter-spacing:-.3px}.logo-large .logo-text-main{font-size:2.2rem}.logo-large .logo-text-accent{font-size:1.8rem}.logo-medium .logo-text-main{font-size:1.4rem!important}.logo-medium .logo-text-accent{font-size:1.1rem!important}.logo-small .logo-text-main{font-size:1.1em}.logo-small .logo-text-accent{font-size:.95em}@keyframes giftFloat{0%,to{transform:perspective(200px) translateY(0) rotateX(0deg)}25%{transform:perspective(200px) translateY(-2px) rotateX(2deg)}50%{transform:perspective(200px) translateY(-4px) rotateX(0deg)}75%{transform:perspective(200px) translateY(-2px) rotateX(-2deg)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes fall{0%{opacity:.7;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(20px) rotate(1turn)}}.phone-input-container{width:100%}.phone-input-wrapper{align-items:stretch;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;overflow:hidden;transition:all var(--transition-base)}.phone-input-wrapper:focus-within{border-color:var(--christmas-red);box-shadow:0 0 0 3px #dc143c1a}.country-selector{flex-shrink:0;position:relative}.country-selector-button{align-items:center;background:var(--bg-secondary);border:none;border-right:2px solid var(--border-color);cursor:pointer;display:flex;font-size:14px;gap:6px;height:100%;min-width:100px;padding:12px;transition:background-color var(--transition-base)}.country-selector-button:hover:not(:disabled){background:var(--bg-tertiary)}.country-selector-button:disabled{cursor:not-allowed;opacity:.6}.country-flag{font-size:18px;line-height:1}.country-prefix{color:var(--text-primary);font-size:14px;font-weight:600}.country-arrow{color:var(--text-secondary);font-size:10px;margin-left:auto;transition:transform var(--transition-base)}.country-arrow.open{transform:rotate(180deg)}.country-selector-button:not(:disabled):hover .country-arrow{transform:translateY(1px)}.country-selector-button:not(:disabled):hover .country-arrow.open{transform:rotate(180deg) translateY(1px)}.country-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;max-height:300px;min-width:220px;overflow-y:auto;position:absolute;top:calc(100% + 4px);z-index:10000}.country-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.country-option:last-child{border-bottom:none}.country-option:hover{background:var(--bg-secondary)}.country-option.selected{background:linear-gradient(135deg,#dc143c10,#ff634710);font-weight:600}.country-option .country-flag{font-size:20px;text-align:center;width:24px}.country-option .country-name{flex:1 1}.country-option .country-prefix{color:var(--text-secondary);font-size:13px;font-weight:600}.phone-number-input{background:var(--bg-primary);border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all var(--transition-base)}.phone-number-input:disabled{cursor:not-allowed;opacity:.6}.phone-number-input::placeholder{color:var(--text-tertiary)}.phone-preview{color:var(--text-secondary);font-size:12px;margin-top:6px;min-height:18px;padding-left:4px}.user-avatar-container{display:inline-block;position:relative}.user-avatar-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s ease}.user-avatar-button:hover{transform:scale(1.05)}.user-avatar-button:active{transform:scale(.95)}.user-avatar-circle{align-items:center;background:linear-gradient(135deg,#dc143c,tomato);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #dc143c4d;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.user-avatar-button:hover .user-avatar-circle{box-shadow:0 4px 12px #dc143c66;transform:translateY(-1px)}.user-avatar-dropdown{animation:slideDown .2s ease;border-radius:12px;box-shadow:0 8px 32px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dark-mode .user-avatar-dropdown,.user-avatar-dropdown{background:var(--bg-primary);border:1px solid var(--border-color)}.dark-mode .user-avatar-dropdown{box-shadow:0 8px 32px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-avatar-dropdown-header{align-items:center;background:linear-gradient(135deg,#dc143c10,#ff634710);display:flex;gap:12px;padding:16px}.dark-mode .user-avatar-dropdown-header{background:linear-gradient(135deg,#dc143c33,#ff634733)}.user-avatar-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#dc143c,tomato);border-radius:50%;box-shadow:0 2px 8px #dc143c4d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.user-avatar-dropdown-info{flex:1 1;min-width:0}.user-avatar-dropdown-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.user-avatar-dropdown-email,.user-avatar-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-avatar-dropdown-email{color:var(--text-secondary);font-size:12px}.user-avatar-dropdown-divider{background:var(--border-color);height:1px;margin:8px 0}.user-avatar-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.user-avatar-dropdown-item:hover{background:var(--bg-secondary)}.user-avatar-dropdown-item:active{background:var(--bg-tertiary)}.user-avatar-dropdown-icon{font-size:18px;text-align:center;width:24px}.invitation-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invitation-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;position:relative;width:90%}.invitation-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.invitation-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.invitation-modal-header{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:20px;text-align:center}.invitation-modal-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:8px}.invitation-modal-header p{color:var(--text-secondary);font-size:1rem}.invitation-modal-content{margin-bottom:24px}.invitation-group-info{background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);border:2px solid #dc143c1a;border-radius:16px;padding:24px}.invitation-group-info h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:20px}.invitation-detail-item{align-items:center;display:flex;gap:12px;margin-bottom:16px}.invitation-detail-item:last-child{margin-bottom:0}.invitation-detail-label{color:var(--text-secondary);font-size:.95rem;font-weight:600;min-width:100px}.invitation-detail-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#228b22,#32cd32);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.invitation-modal-actions{display:flex;gap:12px;margin-top:24px}.invitation-modal-actions .btn{border-radius:12px;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px}.invitation-modal-error,.invitation-modal-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}@media (max-width:768px){.invitation-modal{padding:24px;width:95%}.invitation-modal-actions{flex-direction:column}.invitation-modal-actions .btn{width:100%}}.dashboard{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#dc143c,#c41e3a 15%,#8b0000 30%,#006400 50%,#228b22 70%,#32cd32 85%,#dc143c);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative;will-change:background-position}.dashboard:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 100% 60% at 15% 25%,#ffffff2e 0,#0000 70%),radial-gradient(ellipse 80% 50% at 85% 75%,#ffd7001f 0,#0000 70%),radial-gradient(ellipse 60% 40% at 50% 50%,#dc143c14 0,#0000 80%),radial-gradient(circle at 50% 50%,#ffffff0a 0,#0000 100%);mix-blend-mode:overlay}.dashboard:after,.dashboard:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard:after{animation:patternMove 40s linear infinite;background-image:radial-gradient(circle at 2px 2px,#ffffff26 1px,#0000 0),radial-gradient(circle at 2px 2px,#ffffff1a 1px,#0000 0);background-position:0 0,20px 20px;background-size:40px 40px,80px 80px;mix-blend-mode:soft-light;opacity:.6}.dark-mode .dashboard{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#0a0a0a);background-size:400% 400%}.dark-mode .dashboard:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#dc143c14 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#228b220f 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffffff05 0,#0000 100%)}.dark-mode .dashboard:after{opacity:.2}.dashboard-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border-bottom:1px solid #dc143c26;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.dashboard-header:before{background:linear-gradient(90deg,#0000,#dc143c4d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .dashboard-header{background:#121212eb;border-bottom:1px solid #dc143c4d;box-shadow:0 8px 16px -4px #0006,0 4px 8px -2px #0000004d,inset 0 1px 0 0 #ffffff14,inset 0 -1px 0 0 #0003}.dark-mode .group-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#1a1a1af5;border:1px solid #ffffff1a;box-shadow:0 8px 24px -6px #0006,0 4px 12px -4px #0000004d,inset 0 0 0 1px #ffffff1f,inset 0 1px 2px 0 #0000004d}.dark-mode .group-card:hover{background:#202020fa;border-color:#ffffff26;box-shadow:0 20px 40px -8px #0009,0 8px 16px -4px #0006,inset 0 0 0 1px #ffffff2e,inset 0 2px 4px 0 #0006;transform:translateY(-8px) scale(1.01)}.dashboard-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.dashboard .container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl);position:relative;z-index:1}.dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);position:relative;z-index:1}.groups-section{margin-bottom:var(--spacing-2xl);position:relative;z-index:1}.groups-section h2{align-items:center;color:#fffffff2;display:flex;font-size:1.4rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);position:relative;text-shadow:0 2px 8px #0003;z-index:1}.dark-mode .groups-section h2{color:var(--text-primary);text-shadow:none}.groups-section h2:before{background:var(--primary-gradient);border-radius:2px;content:"";height:24px;width:4px}.groups-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:768px){.groups-grid{grid-template-columns:1fr}}.group-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#fffffff5;border:1px solid #fff6;border-radius:var(--border-radius);box-shadow:0 8px 24px -6px #00000026,0 4px 12px -4px #0000001a,inset 0 0 0 1px #ffffffb3,inset 0 1px 2px 0 #0000000d;cursor:pointer;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1}.group-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.group-card:hover{background:#fffffffa;border-color:#fff9;box-shadow:0 20px 40px -8px #0003,0 8px 16px -4px #00000026,inset 0 0 0 1px #fffc,inset 0 2px 4px 0 #00000014;transform:translateY(-8px) scale(1.01)}.group-card:hover:before{transform:scaleX(1)}.group-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:700;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.group-card h3:before{content:"🎁";font-size:1.4rem}.group-card p{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:var(--spacing-xs);margin:var(--spacing-xs) 0}.status-badge{align-items:center;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.8px;overflow:hidden;padding:6px 14px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.status-badge:hover:before{left:100%}.status-badge:hover{box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;transform:translateY(-1px)}.group-card .status-badge{margin-left:auto}.status-badge.pending{background:linear-gradient(135deg,gold,orange);border-color:#ffd7004d;color:#8b4513;text-shadow:0 1px 2px #ffffff4d}.status-badge.pending:hover{background:linear-gradient(135deg,#ffe44d,#ffb84d);box-shadow:0 4px 12px #ffa5004d,0 2px 6px #ffa50033}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b9814d;color:#fff;text-shadow:0 1px 2px #0003}.status-badge.active:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #10b9814d,0 2px 6px #10b98133}.status-badge.paired{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc26264d;color:#fff;text-shadow:0 1px 2px #0003}.status-badge.paired:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc26264d,0 2px 6px #dc262633}.status-badge.completed{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#d1d5db4d;color:#374151;text-shadow:0 1px 2px #ffffff80}.status-badge.completed:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);box-shadow:0 4px 12px #0000001a,0 2px 6px #00000014}.status-badge.joined{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b9814d;color:#fff;text-shadow:0 1px 2px #0003}.status-badge.joined:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #10b9814d,0 2px 6px #10b98133}.status-badge.invited{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b4d;color:#fff;text-shadow:0 1px 2px #0003}.status-badge.invited:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b4d,0 2px 6px #f59e0b33}.status-badge.declined{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef44444d;color:#fff;text-shadow:0 1px 2px #0003}.status-badge.declined:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef44444d,0 2px 6px #ef444433}.status-badge.ready-to-draw{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f64d;color:#fff;text-shadow:0 1px 2px #0003}.status-badge.ready-to-draw:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #3b82f666,0 2px 6px #3b82f64d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.empty-state{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-secondary);padding:var(--spacing-2xl);position:relative;text-align:center;z-index:1}.empty-state-icon{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{font-size:1.1rem;margin-bottom:var(--spacing-lg)}.empty-state .btn{margin-top:var(--spacing-md)}.invitation-card{transition:all var(--transition-base)}.invitation-card:hover{border-color:#f59e0b;box-shadow:var(--shadow-md);transform:translateY(-2px)}.group-detail{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#dc143c,#c41e3a 15%,#8b0000 30%,#006400 50%,#228b22 70%,#32cd32 85%,#dc143c);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative;will-change:background-position}.group-detail:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 100% 60% at 15% 25%,#ffffff2e 0,#0000 70%),radial-gradient(ellipse 80% 50% at 85% 75%,#ffd7001f 0,#0000 70%),radial-gradient(ellipse 60% 40% at 50% 50%,#dc143c14 0,#0000 80%),radial-gradient(circle at 50% 50%,#ffffff0a 0,#0000 100%);mix-blend-mode:overlay}.group-detail:after,.group-detail:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.group-detail:after{animation:patternMove 40s linear infinite;background-image:radial-gradient(circle at 2px 2px,#ffffff26 1px,#0000 0),radial-gradient(circle at 2px 2px,#ffffff1a 1px,#0000 0);background-position:0 0,20px 20px;background-size:40px 40px,80px 80px;mix-blend-mode:soft-light;opacity:.6}.dark-mode .group-detail{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#0a0a0a);background-size:400% 400%}.dark-mode .group-detail:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#dc143c14 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#228b220f 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffffff05 0,#0000 100%)}.dark-mode .group-detail:after{opacity:.2}.group-detail .container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl);position:relative;z-index:1}.group-detail .dashboard-header{align-items:center;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:#ffffffeb;border-bottom:1px solid #dc143c33;box-shadow:0 8px 16px -4px #0000001f,0 4px 8px -2px #00000014,inset 0 1px 0 0 #fff3,inset 0 -1px 0 0 #0000000d;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.group-detail .dashboard-header:before{background:linear-gradient(90deg,#0000,#dc143c4d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .group-detail .dashboard-header{background:#121212eb;border-bottom:1px solid #dc143c4d;box-shadow:0 8px 16px -4px #0006,0 4px 8px -2px #0000004d,inset 0 1px 0 0 #ffffff14,inset 0 -1px 0 0 #0003}.group-detail .card{background:#fffffff5;border:1px solid #fff6;box-shadow:0 8px 24px -6px #00000026,0 4px 12px -4px #0000001a,inset 0 0 0 1px #ffffffb3,inset 0 1px 2px 0 #0000000d;position:relative;z-index:1}.dark-mode .group-detail .card,.group-detail .card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.dark-mode .group-detail .card{background:#1a1a1af5;border:1px solid #ffffff1a;box-shadow:0 8px 24px -6px #0006,0 4px 12px -4px #0000004d,inset 0 0 0 1px #ffffff1f,inset 0 1px 2px 0 #0000004d}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff1a;max-width:500px;padding:32px;position:relative;width:90%}.dark-mode .confirmation-modal{background:var(--bg-primary);box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ffffff1a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.confirmation-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg)}.confirmation-modal-header{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:20px;text-align:center}.confirmation-modal-header h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin:0}.confirmation-modal-content{margin-bottom:24px}.confirmation-modal-message{color:var(--text-primary);font-size:1.1rem;line-height:1.6;margin-bottom:16px;text-align:center}.confirmation-modal-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-top:16px;padding:16px}.confirmation-modal-details ul{color:var(--text-secondary);margin:0;padding-left:20px}.confirmation-modal-details li{line-height:1.5;margin-bottom:8px}.confirmation-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirmation-modal-actions .btn{font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s ease}.confirmation-modal-actions .btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.confirmation-modal-actions .btn:active:not(:disabled){transform:translateY(0)}.app-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0003;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.dark-mode .app-card{background:var(--bg-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-md)}.app-card:before{background:linear-gradient(90deg,var(--christmas-red) 0,var(--christmas-orange) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.app-card:hover{border-color:var(--christmas-red);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.dark-mode .app-card:hover{border-color:var(--poker-gold);box-shadow:var(--shadow-lg)}.app-card:hover:before{transform:scaleX(1)}.app-card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:64px;margin-bottom:16px;transition:transform .3s ease}.dark-mode .app-card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.app-card:hover .app-card-icon{transform:scale(1.1) rotate(5deg)}.app-card-content{flex:1 1;width:100%}.app-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--christmas-red) 0,var(--christmas-orange) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.dark-mode .app-card-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffe87c);-webkit-background-clip:text;background-clip:text}.app-card-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.app-card-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px}.app-card-status.available{background:linear-gradient(135deg,#10b98120,#05966920);color:#059669}.dark-mode .app-card-status.available{background:linear-gradient(135deg,#10b98130,#05966930);color:#34d399}.app-card-status.coming-soon{background:linear-gradient(135deg,#f59e0b20,#d9770620);color:#d97706}.dark-mode .app-card-status.coming-soon{background:linear-gradient(135deg,#f59e0b30,#d9770630);color:#fbbf24}.app-card-arrow{color:var(--text-tertiary);font-size:20px;opacity:0;position:absolute;right:20px;top:20px;transition:all .3s ease}.app-card:hover .app-card-arrow{color:var(--christmas-red);opacity:1;transform:translateX(4px)}@media (max-width:768px){.app-card{padding:20px}.app-card-icon{font-size:48px}.app-card-title{font-size:20px}}.landing-page{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#dc143c,#b22222 25%,#8b0000 50%,#006400 75%,#228b22);background-size:400% 400%;min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative;will-change:background-position}.landing-page:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffffff1f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#ffd70014 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffffff08 0,#0000 100%)}.landing-page:after,.landing-page:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.landing-page:after{animation:patternMove 30s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 50a20 20 0 1 1 40 0 20 20 0 1 1-40 0' fill='%23fff' fill-opacity='.03'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.4}.dark-mode .landing-page{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#0a0a0a);background-size:400% 400%}.dark-mode .landing-page:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#dc143c14 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#228b220f 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffffff05 0,#0000 100%)}.dark-mode .landing-page:after{opacity:.2}.landing-header{margin-bottom:60px;padding-top:60px;position:relative;text-align:center;z-index:1}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--christmas-red) 0,var(--christmas-orange) 100%);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;margin:24px 0 12px;text-shadow:0 2px 4px #0000001a}.landing-header .landing-title{display:none}.landing-subtitle{color:#fffffff2;font-size:20px;font-weight:500;margin:0;text-shadow:0 2px 4px #0003}.dark-mode .landing-subtitle{color:var(--text-secondary);text-shadow:none}.landing-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.apps-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.landing-footer{margin-top:40px;padding:40px 20px;text-align:center}.landing-footer-text{color:#ffffffe6;font-size:16px;font-weight:500;margin:0;text-shadow:0 2px 4px #0003}.dark-mode .landing-footer-text{color:var(--text-secondary);text-shadow:none}@media (max-width:768px){.landing-page{padding:20px 16px}.landing-title{font-size:36px}.landing-subtitle{font-size:18px}.apps-grid{gap:20px;grid-template-columns:1fr}.landing-header{margin-bottom:40px}}@media (min-width:769px) and (max-width:1024px){.apps-grid{grid-template-columns:repeat(2,1fr)}}.poker-logo-container{align-items:center;display:flex;font-weight:700;gap:12px;-webkit-user-select:none;user-select:none}.poker-logo-large{gap:16px}.poker-logo-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.poker-logo-icon svg{animation:chipFlip 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(26,26,46,.4));height:100%;transform-style:preserve-3d;transition:filter .3s ease;width:100%}.dark-mode .poker-logo-icon svg{filter:brightness(1.4) contrast(1.2) drop-shadow(0 4px 12px rgba(255,215,0,.5)) drop-shadow(0 0 8px rgba(255,215,0,.3))}.poker-logo-icon svg .chip-dots circle{animation:dotPulse 2s ease-in-out infinite}.poker-logo-icon svg .chip-dots circle:first-child{animation-delay:0s}.poker-logo-icon svg .chip-dots circle:nth-child(2){animation-delay:.25s}.poker-logo-icon svg .chip-dots circle:nth-child(3){animation-delay:.5s}.poker-logo-icon svg .chip-dots circle:nth-child(4){animation-delay:.75s}.poker-logo-icon svg .chip-dots circle:nth-child(5),.poker-logo-icon svg .chip-dots circle:nth-child(6),.poker-logo-icon svg .chip-dots circle:nth-child(7),.poker-logo-icon svg .chip-dots circle:nth-child(8){animation-delay:1s}.poker-logo-icon svg .chip-center{animation:centerGlow 2s ease-in-out infinite}.poker-logo-large .poker-logo-icon{height:72px;width:72px}.poker-logo-medium .poker-logo-icon{height:56px;width:56px}.poker-logo-small .poker-logo-icon{height:40px;width:40px}.poker-logo-text{display:flex;flex-direction:column;gap:0;line-height:1.05}.poker-logo-text-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;letter-spacing:-.5px;position:relative}.dark-mode .poker-logo-text-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b7ba8,#5a6b8f 50%,#4a5a7a);-webkit-background-clip:text;background-clip:text}.poker-logo-c-wrapper{align-items:flex-start;display:inline-flex;position:relative;vertical-align:initial}.poker-logo-c{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative;z-index:1}.dark-mode .poker-logo-c{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6b7ba8,#5a6b8f 50%,#4a5a7a);-webkit-background-clip:text;background-clip:text}.poker-logo-text-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c9a961,#d4af37 50%,#c9a961);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;letter-spacing:-.3px}.poker-logo-large .poker-logo-text-main{font-size:2.2rem}.poker-logo-large .poker-logo-text-accent{font-size:1.8rem}.poker-logo-medium .poker-logo-text-main{font-size:1.4rem!important}.poker-logo-medium .poker-logo-text-accent{font-size:1.1rem!important}.poker-logo-small .poker-logo-text-main{font-size:1.1em}.poker-logo-small .poker-logo-text-accent{font-size:.95em}@keyframes chipFlip{0%,to{transform:perspective(200px) rotateY(0deg) rotateX(0deg) translateY(0)}25%{transform:perspective(200px) rotateY(15deg) rotateX(5deg) translateY(-3px)}50%{transform:perspective(200px) rotateY(0deg) rotateX(-5deg) translateY(-5px)}75%{transform:perspective(200px) rotateY(-15deg) rotateX(5deg) translateY(-3px)}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes centerGlow{0%,to{filter:drop-shadow(0 0 2px rgba(201,169,97,.5));opacity:1}50%{filter:drop-shadow(0 0 6px rgba(201,169,97,.8));opacity:.8}}.poker-dashboard{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0e27,#1a1a2e 20%,#16213e 40%,#0f3460 60%,#16213e 80%,#1a1a2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative;will-change:background-position}.poker-dashboard:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 100% 60% at 15% 25%,#ffd7002e 0,#0000 70%),radial-gradient(ellipse 80% 50% at 85% 75%,#d4af371f 0,#0000 70%),radial-gradient(ellipse 60% 40% at 50% 50%,#ffd70014 0,#0000 80%),radial-gradient(circle at 50% 50%,#ffd7000a 0,#0000 100%);mix-blend-mode:overlay}.poker-dashboard:after,.poker-dashboard:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.poker-dashboard:after{animation:patternMove 40s linear infinite;background-image:radial-gradient(circle at 2px 2px,#ffd70033 1px,#0000 0),radial-gradient(circle at 2px 2px,#d4af3726 1px,#0000 0);background-position:0 0,25px 25px;background-size:50px 50px,100px 100px;mix-blend-mode:soft-light;opacity:.6}.dark-mode .poker-dashboard{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#000,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%,#000);background-size:400% 400%}.dark-mode .poker-dashboard:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7000f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af370a 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70005 0,#0000 100%)}.dark-mode .poker-dashboard:after{opacity:.25}.poker-dashboard .dashboard-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000001f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.poker-dashboard .dashboard-header:before{background:linear-gradient(90deg,#0000,#ffd7004d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .poker-dashboard .dashboard-header{background:#1c1c1ceb;border-bottom:1px solid #ffd70040;box-shadow:0 8px 16px -4px #0006,0 4px 8px -2px #0000004d,inset 0 1px 0 0 #ffffff14,inset 0 -1px 0 0 #0003}.dark-mode .poker-dashboard .group-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#1a1a1af5;border:1px solid #ffffff1a;box-shadow:0 8px 24px -6px #0006,0 4px 12px -4px #0000004d,inset 0 0 0 1px #ffffff1f,inset 0 1px 2px 0 #0000004d}.dark-mode .poker-dashboard .group-card:hover{background:#202020fa;border-color:#ffffff26;box-shadow:0 20px 40px -8px #0009,0 8px 16px -4px #0006,inset 0 0 0 1px #ffffff2e,inset 0 2px 4px 0 #0006;transform:translateY(-8px) scale(1.01)}.poker-dashboard .container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.poker-dashboard .dashboard-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.poker-dashboard .groups-section{margin-bottom:var(--spacing-2xl)}.poker-dashboard .groups-section h2{color:#fffffff2;font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);position:relative;text-shadow:0 2px 8px #0000004d;z-index:1}.dark-mode .poker-dashboard .groups-section h2{color:var(--text-primary);text-shadow:none}.poker-dashboard .groups-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.poker-dashboard .group-card{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#fffffff5;border:1px solid #fff6;border-radius:var(--border-radius);box-shadow:0 8px 24px -6px #00000026,0 4px 12px -4px #0000001a,inset 0 0 0 1px #ffffffb3,inset 0 1px 2px 0 #0000000d;cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1}.poker-dashboard .group-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform var(--transition-base)}.poker-dashboard .group-card:hover{background:#fffffffa;border-color:#fff9;box-shadow:0 20px 40px -8px #0003,0 8px 16px -4px #00000026,inset 0 0 0 1px #fffc,inset 0 2px 4px 0 #00000014;transform:translateY(-8px) scale(1.01)}.poker-dashboard .group-card:hover:before{transform:scaleX(1)}.poker-dashboard .group-card h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.poker-dashboard .group-card h3:before{content:"💰";font-size:1.4rem}.poker-dashboard .empty-state{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.poker-dashboard .empty-state-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.3));font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.create-poker-group{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0e27,#1a1a2e 20%,#16213e 40%,#0f3460 60%,#16213e 80%,#1a1a2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative;will-change:background-position}.create-poker-group:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7001f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af3714 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70008 0,#0000 100%)}.create-poker-group:after,.create-poker-group:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.create-poker-group:after{animation:patternMove 35s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 60a30 30 0 1 1 60 0 30 30 0 1 1-60 0' fill='gold' fill-opacity='.03'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.5}.dark-mode .create-poker-group{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#000,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%,#000);background-size:400% 400%}.dark-mode .create-poker-group:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7000f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af370a 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70005 0,#0000 100%)}.dark-mode .create-poker-group:after{opacity:.25}.create-poker-group .dashboard-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000001f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.create-poker-group .dashboard-header:before{background:linear-gradient(90deg,#0000,#ffd7004d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .create-poker-group .dashboard-header{background:#1c1c1cd9;border-bottom:1px solid #ffd70033;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,inset 0 1px 0 0 #ffffff0d}.create-poker-group .container{margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.create-poker-group .card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.create-poker-group .card-header{margin-bottom:var(--spacing-xl)}.create-poker-group .card-title{color:var(--text-primary);font-size:2rem;margin:0 0 var(--spacing-sm) 0}.create-poker-group .card-subtitle{color:var(--text-secondary);margin:0}.create-poker-group .form-group{margin-bottom:var(--spacing-lg)}.create-poker-group .form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.create-poker-group .form-group input{border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;padding:var(--spacing-md);transition:border-color var(--transition-base);width:100%}.create-poker-group .form-group input:focus{border-color:var(--poker-gold);box-shadow:0 0 0 3px #ffd7001a;outline:none}.create-poker-group .form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed}.poker-group-detail{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0e27,#1a1a2e 20%,#16213e 40%,#0f3460 60%,#16213e 80%,#1a1a2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative;will-change:background-position}.poker-group-detail:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7001f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af3714 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70008 0,#0000 100%)}.poker-group-detail:after,.poker-group-detail:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.poker-group-detail:after{animation:patternMove 35s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 60a30 30 0 1 1 60 0 30 30 0 1 1-60 0' fill='gold' fill-opacity='.03'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.5}.dark-mode .poker-group-detail{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#000,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%,#000);background-size:400% 400%}.dark-mode .poker-group-detail:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7000f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af370a 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70005 0,#0000 100%)}.dark-mode .poker-group-detail:after{opacity:.25}.poker-group-detail .dashboard-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000001f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.poker-group-detail .dashboard-header:before{background:linear-gradient(90deg,#0000,#ffd7004d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .poker-group-detail .dashboard-header{background:#1c1c1cd9;border-bottom:1px solid #ffd70033;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,inset 0 1px 0 0 #ffffff0d}.poker-group-detail .container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.poker-group-detail .card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.poker-group-detail .card-header{margin-bottom:var(--spacing-lg)}.poker-group-detail .card-title{color:var(--text-primary);font-size:2rem;margin:0 0 var(--spacing-sm) 0}.poker-group-detail .card-subtitle{color:var(--text-secondary);margin:0}.poker-group-detail .section{margin-bottom:var(--spacing-xl)}.poker-group-detail .section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.poker-group-detail .members-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.poker-group-detail .member-card{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:var(--spacing-md)}.poker-group-detail .member-card.admin{background:linear-gradient(135deg,#ffd7001a,#d4af371a);border:2px solid #ffd7004d}.poker-group-detail .games-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.poker-group-detail .game-card{align-items:center;background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-base)}.poker-group-detail .game-card:hover{border-color:var(--poker-gold);box-shadow:0 4px 16px #ffd70033;transform:translateY(-2px)}.poker-group-detail .game-card.active{background:linear-gradient(135deg,#ffd70026,#d4af3726);border:2px solid #ffd70066}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.modal-header h2{color:var(--text-primary);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all var(--transition-base);width:32px}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.poker-group-detail .form-group{margin-bottom:var(--spacing-lg)}.poker-group-detail .form-group label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.poker-group-detail .form-group input{border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;padding:var(--spacing-md);transition:border-color var(--transition-base);width:100%}.poker-group-detail .form-group input:focus{border-color:var(--primary-color);outline:none}.active-game{animation:gradientShift 20s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#0a0e27,#1a1a2e 20%,#16213e 40%,#0f3460 60%,#16213e 80%,#1a1a2e);background-size:400% 400%;min-height:100vh;overflow-x:hidden;position:relative;will-change:background-position}.active-game:before{animation:float 25s ease-in-out infinite;background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7001f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af3714 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70008 0,#0000 100%)}.active-game:after,.active-game:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.active-game:after{animation:patternMove 35s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 60a30 30 0 1 1 60 0 30 30 0 1 1-60 0' fill='gold' fill-opacity='.03'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.5}.dark-mode .active-game{animation:gradientShift 25s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#000,#0a0a0a 25%,#1a1a1a 50%,#0a0a0a 75%,#000);background-size:400% 400%}.dark-mode .active-game:before{background:radial-gradient(ellipse 80% 50% at 20% 30%,#ffd7000f 0,#0000 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#d4af370a 0,#0000 60%),radial-gradient(circle at 50% 50%,#ffd70005 0,#0000 100%)}.dark-mode .active-game:after{opacity:.25}.active-game .dashboard-header{align-items:center;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffd9;border-bottom:1px solid #0000001f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 0 #ffffff1a;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.active-game .dashboard-header:before{background:linear-gradient(90deg,#0000,#ffd7004d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark-mode .active-game .dashboard-header{background:#1c1c1cd9;border-bottom:1px solid #ffd70033;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,inset 0 1px 0 0 #ffffff0d}.active-game .container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.active-game .card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.active-game .card-header{margin-bottom:var(--spacing-lg)}.active-game .card-title{color:var(--text-primary);font-size:2rem;margin:0 0 var(--spacing-sm) 0}.active-game .card-subtitle{color:var(--text-secondary);margin:0}.active-game .section{margin-bottom:var(--spacing-xl)}.active-game .section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.active-game .players-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.active-game .player-card{background:var(--bg-secondary);border:2px solid #0000;border-radius:var(--border-radius);padding:var(--spacing-lg);transition:all var(--transition-base)}.active-game .player-card:hover{border-color:var(--poker-gold);box-shadow:0 4px 16px #ffd70033}.active-game .btn-icon{align-items:center;background:var(--poker-gold-gradient);border:none;border-radius:50%;box-shadow:0 2px 4px #ffd7004d;color:var(--poker-black);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;margin-left:8px;transition:all var(--transition-base);width:24px}.active-game .btn-icon:hover:not(:disabled){background:var(--poker-gold-dark);box-shadow:0 4px 8px #ffd70080;transform:scale(1.1)}.active-game .btn-icon:disabled{cursor:not-allowed;opacity:.5}.active-game .end-game-players{margin-bottom:var(--spacing-lg);max-height:400px;overflow-y:auto}.active-game .end-game-players .form-group{margin-bottom:var(--spacing-md)}.active-game .end-game-players .form-group label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs)}.active-game .end-game-players .form-group input{border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;padding:var(--spacing-sm);transition:border-color var(--transition-base);width:100%}.active-game .end-game-players .form-group input:focus{border-color:var(--primary-color);outline:none}.active-game .chip-input,.active-game .chip-input::-webkit-inner-spin-button,.active-game .chip-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.active-game .chip-input[type=number]{-moz-appearance:textfield}@keyframes gradientShift{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}}@keyframes float{0%,to{opacity:1;transform:translate(0) scale(1)}33%{opacity:.9;transform:translate(30px,-30px) scale(1.1)}66%{opacity:.95;transform:translate(-20px,20px) scale(.95)}}@keyframes patternMove{0%{background-position:0 0}to{background-position:120px 120px}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#dc143c,tomato);--secondary-gradient:linear-gradient(135deg,#228b22,#32cd32);--accent-gradient:linear-gradient(135deg,gold,orange);--success-gradient:linear-gradient(135deg,#228b22,#32cd32);--warning-gradient:linear-gradient(135deg,tomato,gold);--christmas-red:#dc143c;--christmas-orange:tomato;--christmas-green:#228b22;--christmas-gold:gold;--christmas-snow:#e0f2fe;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-overlay:#0006;--text-primary:#1a1a1a;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--text-inverse:#fff;--border-color:#e9ecef;--border-radius:16px;--border-radius-sm:12px;--border-radius-lg:24px;--shadow-sm:0 2px 8px #dc143c14;--shadow-md:0 4px 16px #dc143c1f;--shadow-lg:0 8px 32px #dc143c29;--shadow-xl:0 16px 64px #dc143c33;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--poker-black:#000;--poker-gold:gold;--poker-gold-dark:#d4af37;--poker-gold-light:#ffe87c;--poker-gradient:linear-gradient(135deg,#000,#1a1a1a 50%,#000);--poker-gold-gradient:linear-gradient(135deg,gold,#d4af37);--poker-accent:gold;--poker-accent-dark:#b8860b}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#0f0f0f;--bg-tertiary:#2a2a2a;--bg-overlay:#000000b3;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:grey;--text-inverse:#000;--border-color:#333;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 64px #0009;--alert-error-bg:#3a1a1a;--alert-error-color:#ff6b6b;--alert-error-border:#5a2a2a;--alert-success-bg:#1a3a1a;--alert-success-color:#6bff6b;--alert-success-border:#2a5a2a;--alert-info-bg:#1a1a3a;--alert-info-color:#6b6bff;--alert-info-border:#2a2a5a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a1a;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App,body{background:#f8f9fa;background:var(--bg-secondary)}.App{min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:24px;padding:var(--spacing-lg)}@media (max-width:768px){.container{padding:16px;padding:var(--spacing-md)}}.card{background:#fff;background:var(--bg-primary);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 16px #dc143c1f;box-shadow:var(--shadow-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);overflow:hidden;padding:32px;padding:var(--spacing-xl);position:relative;transition:all .25s ease;transition:all var(--transition-base)}.card:before{background:linear-gradient(135deg,#dc143c,tomato);background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .25s ease;transition:transform var(--transition-base)}.card:hover{box-shadow:0 8px 32px #dc143c29;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card:hover:before{transform:scaleX(1)}.card-header{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding-bottom:16px;padding-bottom:var(--spacing-md)}.card-title{color:#1a1a1a;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.card-subtitle{color:#6c757d;color:var(--text-secondary);font-size:.9rem}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .25s ease;transition:all var(--transition-base)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#dc143c,tomato);background:var(--primary-gradient);box-shadow:0 2px 8px #dc143c14;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse)}.btn-primary:hover{box-shadow:0 4px 16px #dc143c1f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background:#f1f3f5;background:var(--bg-tertiary);border:1px solid #e9ecef;border:1px solid var(--border-color);color:#1a1a1a;color:var(--text-primary)}.btn-secondary:hover{background:#f8f9fa;background:var(--bg-secondary);border-color:#adb5bd;border-color:var(--text-tertiary)}.btn-danger{background:linear-gradient(135deg,tomato,gold);background:var(--warning-gradient);color:#fff;color:var(--text-inverse)}.btn-danger:hover{box-shadow:0 4px 16px #dc143c1f;box-shadow:var(--shadow-md)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-sm{font-size:14px;padding:8px 16px}.btn-lg{font-size:16px;padding:16px 32px}.form-group{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-group label{color:#1a1a1a;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary);border:2px solid #e9ecef;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-sm);color:#1a1a1a;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .25s ease;transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#dc143c;border-color:var(--christmas-red);box-shadow:0 0 0 3px #dc143c1a;outline:none}.form-group input::placeholder{color:#adb5bd;color:var(--text-tertiary)}.alert{align-items:center;animation:slideIn .3s ease;border-radius:12px;border-radius:var(--border-radius-sm);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.alert-error{background:#fee;background:var(--alert-error-bg,#fee);border:1px solid #fcc;border:1px solid var(--alert-error-border,#fcc);color:#c33;color:var(--alert-error-color,#c33)}.alert-success{background:#efe;background:var(--alert-success-bg,#efe);border:1px solid #cfc;border:1px solid var(--alert-success-border,#cfc);color:#3c3;color:var(--alert-success-color,#3c3)}.alert-info{background:#eef;background:var(--alert-info-bg,#eef);border:1px solid #ccf;border:1px solid var(--alert-info-border,#ccf);color:#33c;color:var(--alert-info-color,#33c)}.loading{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:48px;padding:var(--spacing-2xl)}.spinner{animation:spin .8s linear infinite;border:4px solid #e9ecef;border-top-color:#dc143c;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--christmas-red);height:40px;margin-bottom:16px;margin-bottom:var(--spacing-md);width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.text-center{text-align:center}.mt-1{margin-top:8px;margin-top:var(--spacing-sm)}.mt-2{margin-top:16px;margin-top:var(--spacing-md)}.mt-3{margin-top:24px;margin-top:var(--spacing-lg)}.mb-1{margin-bottom:8px;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:16px;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:8px;gap:var(--spacing-sm)}.gap-2{gap:16px;gap:var(--spacing-md)}.gap-3{gap:24px;gap:var(--spacing-lg)}
/*# sourceMappingURL=main.3bc3d582.css.map*/