:root{--electric-blue:#3bb6ff;--neon-cyan:#00ffe0;--deep-indigo:#2a3cff;--mint-green:#5fffc7;--logo-text-blue:#7ee6ff;--black:#0a0a0a;--indigo-bg:var(--deep-indigo);--nav-bg:var(--black);--surface-bg:#1f2937cc;--surface-border:var(--deep-indigo);--gray-bg:#111827;--gray-border:#374151;--gray-dark:#1f2937;--gradient-primary:linear-gradient(90deg,var(--electric-blue),var(--neon-cyan));--gradient-secondary:linear-gradient(135deg,var(--electric-blue),var(--neon-cyan));--gradient-reverse:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue));--hover-lift:translateY(-2px);--border-radius-standard:.5rem;--border-radius-large:.75rem;--transition-standard:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,var(--black)0%,var(--gray-bg)50%,var(--black)100%);color:var(--logo-text-blue);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.main-content{max-width:768px;margin:0 auto;padding:1rem 0}.nav{z-index:10;background:#1f2937e6;border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.nav-brand{align-items:center;gap:1rem;display:flex}.nav-logo{color:#fff;background:linear-gradient(135deg,#00fff7,#3b82f6);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.nav-logo img{object-fit:contain;background:0 0;border-radius:.5rem;width:100%;height:100%}.nav-logo-image{object-fit:contain;background:0 0;border-radius:.5rem;width:2.5rem;height:2.5rem}.nav-logo svg{display:block;stroke:#fff!important;color:#fff!important;fill:none!important;filter:none!important;width:1.5rem!important;height:1.5rem!important;animation:none!important}.nav-title{color:#00fff7;margin:0;font-size:1.5rem;font-weight:700}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-link{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:#00fff7;background:#00fff71a;border:1px solid #00fff74d}.nav-link.logout{color:#ef4444}.nav-link.logout:hover{color:#fca5a5;background:#ef444433}.nav-content{justify-content:space-between;align-items:center;width:100%;max-width:72rem;margin:0 auto;display:flex}.desktop-only{display:inline}.mobile-menu-toggle{z-index:1001;display:block;position:relative}@media (max-width:767px){.nav-actions,.desktop-only,.nav-social-links{display:none!important}}@media (min-width:768px){.nav-actions{display:flex!important}.nav-actions .btn.btn-secondary{display:none}}.hamburger-button{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:.5rem;display:flex}.hamburger-line{background:#fff;border-radius:1px;width:24px;height:2px;transition:all .3s}.hamburger-line.open:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-menu-dropdown{z-index:1002;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:.5rem;min-width:200px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #00000080}.mobile-menu-item{color:#fff;text-align:left;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:flex}.mobile-menu-item:hover{background:#ffffff1a}.mobile-menu-item:active{background:#fff3}.mobile-menu-item.logout-item{color:#ef4444}.mobile-menu-item.logout-item:hover{background:#ef444433}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;box-shadow:none;background:linear-gradient(90deg,#4b5563,#6b7280)}.btn-primary:hover{box-shadow:none;background:linear-gradient(90deg,#374151,#4b5563);transform:translateY(-2px)}.btn-secondary{color:#fff;box-shadow:none;background:linear-gradient(135deg,#374151,#4b5563)}.btn-secondary:hover{box-shadow:none;background:linear-gradient(135deg,#1f2937,#374151);transform:translateY(-2px)}.btn.on-light{color:#fff;background:var(--deep-indigo);border:none}.btn.on-light:hover{color:#fff;background:#1a277a}.btn-secondary.on-light{color:#fff;background:var(--deep-indigo);border:2px solid var(--deep-indigo)}.btn-secondary.on-light:hover{color:#fff;background:#1a277a;border-color:#1a277a}.hero{text-align:center;margin-top:1rem;margin-bottom:2rem}.hero-badge{color:var(--neon-cyan);background:#00fff71a;border:1px solid #00fff74d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{text-align:center;margin-bottom:1.5rem;font-size:4rem;font-weight:900;line-height:1.1}.hero-title span{color:#fff;display:inline-block}.hero-title .blue{color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan)}.hero-subtitle{color:#9ca3af;text-align:center;max-width:600px;margin:0 auto 1.5rem;font-size:1.25rem;line-height:1.6}.hero-title.gradient-title{background:linear-gradient(135deg,var(--neon-cyan),var(--electric-blue),var(--deep-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-event-form{margin-top:2rem;margin-bottom:1rem}.hero-event-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937cc;border:1px solid #3b82f64d;border-radius:1rem;max-width:500px;margin:0 auto;padding:2rem;box-shadow:0 8px 32px #0000004d}.hero-event-title{color:var(--neon-cyan);text-align:center;text-shadow:0 0 10px #00ffe080;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.hero-event-form-inner{flex-direction:column;gap:1rem;display:flex}.hero-event-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border:2px solid #3b82f64d;border-radius:.75rem;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}.hero-event-input:focus{border-color:var(--neon-cyan);background:#111827e6;outline:none;box-shadow:0 0 20px #00ffe04d}.hero-event-input::placeholder{color:#9ca3af}.hero-event-submit{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #3bb6ff4d}.hero-event-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3bb6ff66}.hero-event-submit:active{transform:translateY(0)}@media (max-width:768px){.hero-event-card{margin:0 1rem;padding:1.5rem}.hero-event-title{font-size:1.25rem}.hero-event-input{padding:.875rem 1rem;font-size:.875rem}.hero-event-submit{padding:.875rem 1.25rem;font-size:.875rem}}.hero-join-section{text-align:center;margin-top:2rem;margin-bottom:3rem}.hero-join-title{color:var(--neon-cyan);text-shadow:0 0 10px #00ffe04d;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.hero-join-form{align-items:center;gap:.75rem;max-width:400px;margin:0 auto;display:flex}.hero-join-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#11182799;border:2px solid #3b82f64d;border-radius:.75rem;flex:1;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.hero-join-input:focus{border-color:var(--neon-cyan);background:#111827cc;outline:none;box-shadow:0 0 15px #00ffe04d}.hero-join-input::placeholder{color:#9ca3af}.hero-join-button{background:var(--gradient-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #3bb6ff4d}.hero-join-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3bb6ff66}.hero-join-button:active{transform:translateY(0)}@media (max-width:768px){.hero-join-form{flex-direction:column;gap:.75rem;max-width:300px}.hero-join-input{width:100%}.hero-join-button{justify-content:center;width:100%}}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:3rem auto;display:grid}.feature-card{text-align:center;background:var(--surface-bg);box-shadow:none;border-radius:.75rem;padding:1.5rem;transition:border-color .3s;border:1.5px solid var(--neon-cyan)!important}.feature-card:hover{box-shadow:none;border-color:var(--electric-blue)!important}.feature-icon-box{background:linear-gradient(135deg,#00fff7,#3b82f6)!important;border-radius:.5rem!important;justify-content:center!important;align-items:center!important;width:2.5rem!important;height:2.5rem!important;margin:0 auto 1rem!important;display:flex!important}.feature-icon-box .icon{color:#fff!important;stroke:#fff!important;fill:none!important;width:1.5rem!important;height:1.5rem!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;display:block!important}.feature-title{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-title.blue{color:#3b82f6}.feature-description{color:#d1d5db;font-size:.875rem;line-height:1.5}.dj-cta{background:var(--surface-bg,#1f2937cc);border:1px solid #374151;border-radius:.5rem;max-width:28rem;margin:0 auto 2rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a}.dj-cta-content{align-items:center;gap:1.5rem;display:flex}.dj-cta-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.dj-cta-text{flex:1}.dj-cta-title{color:#00fff7;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.dj-cta-description{color:#d1d5db;font-size:.95rem;line-height:1.5}.dj-cta-button{color:#fff;cursor:pointer;box-shadow:none;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.5rem;align-items:center;gap:.5rem;margin-left:auto;margin-right:0;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.dj-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00fff766}@media (max-width:768px){.dj-cta-content{flex-direction:column;align-items:stretch;gap:1rem}.dj-cta-button{justify-content:center;width:100%;margin:0}}.background-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#00fff7;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite float;position:absolute;box-shadow:0 0 10px #00fff780}.particle:first-child{animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){animation-delay:1s;top:40%;right:20%}.particle:nth-child(3){animation-delay:2s;bottom:20%;left:20%}.particle:nth-child(4){animation-delay:3s;top:60%;left:25%}.particle:nth-child(5){animation-delay:4s;bottom:40%;right:33%}.particle:nth-child(6){animation-delay:5s;top:33%;right:25%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1deg)}66%{transform:translateY(5px)rotate(-1deg)}}@media (max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr}.container{padding:0 1rem}.main-content{padding:2rem 0}.dj-cta{margin-top:2rem;padding:1.5rem}.dj-cta-content{text-align:center;flex-direction:column;gap:1rem}.dj-cta-icon{margin:0 auto}.dj-cta-text{margin-bottom:1rem}.dj-cta-title{font-size:1.25rem}.dj-cta-description{font-size:.875rem}.dj-cta-button{justify-content:center;width:100%;padding:.875rem 1.5rem}}.text-center{text-align:center}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mt-16{margin-top:4rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.text-white{color:#fff}.text-pink-500{color:#00fff7}.text-blue-500{color:#3b82f6}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.btn-neon-cyan{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;box-shadow:0 0 10px #00fff74d}.btn-neon-cyan:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00fff780}.neon-cyan{color:#00fff7;text-shadow:0 0 10px #00fff780}.login-page{background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.login-container{z-index:10;width:100%;max-width:28rem;position:relative}.login-card{background:#1f2937cc;border:1px solid #374151;border-radius:.75rem;padding:2rem;box-shadow:0 10px 25px -3px #0000001a}.login-header{text-align:center;margin-bottom:2rem}.login-badge{color:#00fff7;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.login-icon{color:#fff;background:linear-gradient(135deg,#00fff7,#3b82f6);border-radius:.75rem;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 1rem;transition:transform .3s;display:flex}.login-icon:hover{transform:translateY(-2px)}.login-title{background:linear-gradient(135deg,#00fff7,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.login-subtitle{color:#9ca3af;font-size:.875rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#d1d5db;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#00fff7;z-index:1;position:absolute;left:12px}.form-input[type=number]{padding-left:40px}.form-input{color:#fff;background:#111827cc;border:1px solid #374151;border-radius:.5rem;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.form-input:focus{border-color:#00fff7;outline:none;box-shadow:0 0 0 3px #00fff71a}.form-input::placeholder{color:#6b7280}.password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #dc2626;border-radius:.5rem;padding:.75rem;font-size:.875rem}.form-actions{justify-content:center;display:flex}.submit-button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.loading-state,.button-content{justify-content:center;align-items:center;gap:.5rem;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.toggle-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00fff74d}.toggle-button:active{transform:translateY(0)}.login-toggle{text-align:center;margin-top:1.5rem}.toggle-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:color .3s}.toggle-button:hover{color:#fff}.back-link{text-align:center;margin-top:2rem}.back-button{color:#9ca3af;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .3s;display:flex}.back-button:hover{color:#fff}.divider{color:#9ca3af;align-items:center;margin:1.5rem 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#374151,#0000);flex:1;height:1px}.divider span{background:var(--black);padding:0 1rem}.google-signin{margin-bottom:1.5rem}.google-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.google-button:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:1.25rem;height:1.25rem}.consent-section{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.consent-checkbox{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.consent-checkbox:last-child{margin-bottom:0}.consent-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--electric-blue);margin-top:.125rem}.consent-checkbox label{color:#d1d5db;cursor:pointer;font-size:.875rem;line-height:1.5}.consent-link{color:var(--electric-blue);text-decoration:underline;transition:color .2s}.consent-link:hover{color:var(--neon-cyan)}.consent-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.consent-status{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;font-size:.875rem;display:flex}.consent-status.success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d}.dashboard-page{background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);min-height:100vh}.dashboard-loading{color:#d1d5db;background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.dashboard-loading h1{margin-top:1rem;font-size:1.5rem;font-weight:600}.dashboard-header{background:#1f2937e6;border-bottom:1px solid #374151;padding:1.5rem}.dashboard-header-content{justify-content:space-between;align-items:center;max-width:72rem;margin:0 auto;display:flex}.dashboard-brand{align-items:center;gap:1rem;display:flex}.dashboard-logo{color:#fff;background:linear-gradient(135deg,#00fff7,#3b82f6);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.dashboard-info h1{color:#00fff7;margin:0;font-size:1.5rem;font-weight:700}.dashboard-subtitle{color:#9ca3af;margin:0;font-size:.875rem}.dashboard-actions{align-items:center;gap:1rem;display:flex}.subscription-badge{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.event-limit-badge{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f6;border-radius:.5rem;flex-direction:column;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.event-count{font-size:1rem;font-weight:700}.event-label{opacity:.8;font-size:.75rem}.upgrade-test-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.upgrade-test-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.upgrade-test-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-button{color:#d1d5db;cursor:pointer;box-sizing:border-box;background:#374151cc;border:none;border-radius:.5rem;align-items:center;gap:.5rem;height:2.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1;text-decoration:none;transition:all .3s;display:flex}.dashboard-button:hover{color:#fff;background:#4b5563cc}.dashboard-content{max-width:72rem;margin:0 auto;padding:1.5rem}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.analytics-panel{grid-column:1/-1;margin-bottom:1.5rem}.right-column{flex-direction:column;gap:1.5rem;display:flex}.upgrade-panel{flex-shrink:0}.live-feed{flex:1;min-height:0}.upgrade-panel{grid-column:2;margin-bottom:1.5rem}.panel-card{background:#1f2937cc;border:1px solid #374151;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 16px #0003}.panel-title{color:#e5e7eb;margin:0;font-size:1.25rem;font-weight:700}.create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.create-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00fff766}.create-event-form{background:#374151cc;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.event-form{flex-direction:column;gap:1rem;display:flex}.datetime-inputs{gap:.75rem;display:flex}.datetime-inputs input[type=datetime-local]{border:2px solid var(--neon-cyan);color:#fff;background:#111827cc;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.datetime-inputs input[type=datetime-local]:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);outline:none}.datetime-inputs input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);cursor:pointer;border-radius:.25rem;padding:.25rem;transition:all .3s}.datetime-inputs input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background:#00fff733;transform:scale(1.1)}.datetime-inputs input[type=datetime-local]::-moz-calendar-picker-indicator{filter:invert()brightness(1.5);cursor:pointer;border-radius:.25rem;padding:.25rem;transition:all .3s}.datetime-inputs input[type=datetime-local]::-moz-calendar-picker-indicator:hover{background:#00fff733;transform:scale(1.1)}.form-buttons{gap:.75rem;display:flex}.recurring-toggle{margin-bottom:1rem}.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.toggle-input{display:none}.toggle-slider{border:2px solid var(--neon-cyan);background:#374151cc;border-radius:12px;width:50px;height:24px;transition:all .3s;position:relative}.toggle-slider:before{content:"";background:var(--neon-cyan);width:16px;height:16px;box-shadow:0 0 10px var(--neon-cyan);border-radius:50%;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-input:checked+.toggle-slider{background:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan)}.toggle-input:checked+.toggle-slider:before{background:#fff;transform:translate(26px);box-shadow:0 0 10px #00fff780}.toggle-label{color:#e5e7eb;font-size:1rem;font-weight:600}.recurring-fields{border:1px solid var(--neon-cyan);background:#11182780;border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.days-selector{flex-direction:column;gap:.5rem;display:flex}.days-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.day-checkbox{cursor:pointer;color:#d1d5db;background:#374151cc;border:2px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;padding:.5rem;font-size:.8rem;transition:all .3s;display:flex}.day-checkbox:hover{border-color:var(--neon-cyan);background:#00fff71a}.day-checkbox input{display:none}.day-checkbox input:checked+span{color:var(--neon-cyan);font-weight:700}.day-checkbox:has(input:checked){border-color:var(--neon-cyan);background:#00fff733;box-shadow:0 0 10px #00fff74d}.time-inputs,.date-range-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.date-range-inputs input[type=date]{border:2px solid var(--neon-cyan);color:#fff;background:#111827cc;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.date-range-inputs input[type=date]:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);outline:none}.date-range-inputs input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);cursor:pointer;border-radius:.25rem;padding:.25rem;transition:all .3s}.date-range-inputs input[type=date]::-webkit-calendar-picker-indicator:hover{background:#00fff733;transform:scale(1.1)}.time-inputs input[type=time]{border:2px solid var(--neon-cyan);color:#fff;background:#111827cc;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.time-inputs input[type=time]:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);outline:none}.single-event-inputs{flex-direction:column;gap:1rem;display:flex}.date-time-group{flex-direction:column;display:flex}.date-time-row{gap:.5rem;display:flex}.date-time-row input[type=date],.date-time-row select{border:2px solid var(--neon-cyan);color:#fff;background:#111827cc;border-radius:.75rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.date-time-row input[type=date]:focus,.date-time-row select:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan);outline:none}.date-time-row input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);cursor:pointer;border-radius:.25rem;padding:.25rem;transition:all .3s}.date-time-row input[type=date]::-webkit-calendar-picker-indicator:hover{background:#00fff733;transform:scale(1.1)}.event-calendar{border:1px solid var(--neon-cyan);background:#111827cc;border-radius:1rem;margin-top:1rem;padding:1.5rem}.calendar-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.calendar-title{color:var(--neon-cyan);align-items:center;gap:.5rem;display:flex}.calendar-title h3{margin:0;font-size:1.25rem;font-weight:700}.event-schedule-info{color:#d1d5db;flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.schedule-time{align-items:center;gap:.5rem;display:flex}.calendar-navigation{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.calendar-navigation h4{color:#e5e7eb;margin:0;font-size:1.1rem;font-weight:600}.nav-button{border:2px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;background:#374151cc;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .3s}.nav-button:hover{background:#00fff71a;box-shadow:0 0 10px #00fff74d}.calendar-grid{border:1px solid #374151cc;border-radius:.5rem;overflow:hidden}.calendar-weekdays{background:#374151cc;grid-template-columns:repeat(7,1fr);display:grid}.weekday{text-align:center;color:var(--neon-cyan);border-right:1px solid #4b556380;padding:.75rem;font-size:.9rem;font-weight:600}.weekday:last-child{border-right:none}.calendar-days{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{background:#11182799;border-bottom:1px solid #37415180;border-right:1px solid #37415180;min-height:80px;padding:.5rem;transition:all .3s;position:relative}.calendar-day:last-child{border-right:none}.calendar-day.other-month{opacity:.4}.calendar-day.scheduled{background:#00fff71a;border-color:#00fff74d}.calendar-day.skipped{background:#ef44441a;border-color:#ef44444d}.day-number{color:#e5e7eb;font-size:.9rem;font-weight:600}.day-event{align-items:center;gap:.25rem;display:flex;position:absolute;top:.25rem;right:.25rem}.skip-button{cursor:pointer;background:#374151cc;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .3s;display:flex}.skip-button.active{color:var(--neon-cyan);border-color:var(--neon-cyan)}.skip-button.active:hover{background:#00fff733;box-shadow:0 0 8px #00fff74d}.skip-button.skipped{color:#10b981;border-color:#10b981}.skip-button.skipped:hover{background:#10b98133;box-shadow:0 0 8px #10b9814d}.skip-button:disabled{opacity:.5;cursor:not-allowed}.skipped-overlay{color:#ef4444;opacity:.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar-legend{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.legend-item{color:#d1d5db;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-color{border:1px solid;border-radius:.25rem;width:16px;height:16px}.legend-color.scheduled{border-color:var(--neon-cyan);background:#00fff74d}.legend-color.skipped{background:#ef44444d;border-color:#ef4444}@media (max-width:768px){.calendar-header{flex-direction:column;align-items:flex-start}.calendar-day{min-height:60px;font-size:.8rem}.day-event{margin-top:.25rem;position:static}}.dashboard-calendar{border:1px solid var(--neon-cyan);background:#111827cc;border-radius:1rem;padding:1rem}.dashboard-calendar .calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-calendar .calendar-title{color:var(--neon-cyan);align-items:center;gap:.75rem;display:flex}.dashboard-calendar .calendar-title h2{margin:0;font-size:1.5rem;font-weight:700}.dashboard-calendar .calendar-navigation{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-calendar .calendar-navigation h3{color:#e5e7eb;margin:0;font-size:1.25rem;font-weight:600}.dashboard-calendar .nav-button{border:2px solid var(--neon-cyan);color:var(--neon-cyan);cursor:pointer;background:#374151cc;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem;transition:all .3s;display:flex}.dashboard-calendar .nav-button:hover{background:#00fff71a;box-shadow:0 0 10px #00fff74d}.dashboard-calendar .calendar-grid{border:1px solid #374151cc;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.dashboard-calendar .calendar-weekdays{background:#374151e6;grid-template-columns:repeat(7,1fr);display:grid}.dashboard-calendar .weekday{text-align:center;color:var(--neon-cyan);border-right:1px solid #4b556380;padding:.75rem;font-size:.9rem;font-weight:600}.dashboard-calendar .weekday:last-child{border-right:none}.dashboard-calendar .calendar-days{grid-template-columns:repeat(7,1fr);grid-auto-rows:70px;display:grid}.dashboard-calendar .calendar-day{cursor:pointer;background:#11182799;border-bottom:1px solid #37415180;border-right:1px solid #37415180;flex-direction:column;min-height:70px;padding:.5rem;transition:all .3s;display:flex;position:relative}.dashboard-calendar .calendar-day:hover{background:#111827cc}.dashboard-calendar .calendar-day.has-events:hover{background:#00fff70d;border-color:#00fff74d}.dashboard-calendar .calendar-day.selected{border-color:var(--neon-cyan);background:#00fff71a;box-shadow:inset 0 0 10px #00fff733}.dashboard-calendar .calendar-day:last-child{border-right:none}.dashboard-calendar .calendar-day.other-month{opacity:.3;cursor:default}.dashboard-calendar .calendar-day.other-month:hover{background:#11182799}.dashboard-calendar .calendar-day.empty-day{cursor:default;background:0 0;border:none}.dashboard-calendar .calendar-day.empty-day:hover{background:0 0}.dashboard-calendar .day-number{color:#e5e7eb;margin-bottom:.5rem;font-size:1rem;font-weight:600}.event-dots{flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:auto;display:flex}.event-dot{border:1px solid #0000;border-radius:50%;width:8px;height:8px}.event-dot.upcoming.single{background:#10b981;border-color:#10b981}.event-dot.upcoming.recurring{background:#10b981;border:2px dashed #10b981}.event-dot.past.single{background:#ef4444;border-color:#ef4444}.event-dot.past.recurring{background:#ef4444;border:2px dashed #ef4444}.event-dot.skipped{opacity:.6;background:#6b7280;border-color:#6b7280}.more-events{color:var(--neon-cyan);margin-left:.25rem;font-size:.7rem;font-weight:600}.event-details-panel{border:1px solid var(--neon-cyan);background:#374151cc;border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.panel-header{border-bottom:1px solid #4b556380;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.panel-header h4{color:var(--neon-cyan);margin:0;font-size:1.25rem;font-weight:700}.close-button{color:#d1d5db;cursor:pointer;background:#4b5563cc;border:1px solid #9ca3af80;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.close-button:hover{background:#4b5563;border-color:#9ca3afcc}.event-item{background:#11182799;border:1px solid #4b556380;border-radius:.5rem;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex}.event-info{flex:1}.event-name{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.event-name h5{color:#e5e7eb;margin:0;font-size:1.1rem;font-weight:600}.recurring-badge{color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:#00fff733;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.skipped-badge{color:#9ca3af;background:#6b728033;border:1px solid #6b7280;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.event-meta{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.event-time{color:#d1d5db;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.event-code{color:#9ca3af;font-family:monospace;font-size:.85rem}.event-stats{gap:1rem;display:flex}.stat{color:#9ca3af;align-items:center;gap:.25rem;font-size:.85rem;display:flex}.event-actions{flex-direction:column;gap:.5rem;margin-left:1rem;display:flex}.action-button{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.skip-button.skip{color:#f59e0b;background:#fbbf241a;border-color:#f59e0b}.skip-button.skip:hover{background:#fbbf2433;box-shadow:0 0 10px #fbbf244d}.skip-button.unskip{color:#10b981;background:#10b9811a;border-color:#10b981}.skip-button.unskip:hover{background:#10b98133;box-shadow:0 0 10px #10b9814d}.delete-button{color:#ef4444;background:#ef44441a;border-color:#ef4444}.delete-button:hover{background:#ef444433;box-shadow:0 0 10px #ef44444d}.action-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--neon-cyan);background:#111827f2;border-radius:1rem;width:90%;max-width:500px;padding:2rem;box-shadow:0 0 30px #00fff74d}.modal h3{color:var(--neon-cyan);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.modal p{color:#d1d5db;margin:0 0 1.5rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.cancel-button{color:#d1d5db;cursor:pointer;background:#4b5563cc;border:1px solid #9ca3af80;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.cancel-button:hover{background:#4b5563;border-color:#9ca3afcc}.confirm-delete-button{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef4444;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.confirm-delete-button:hover{background:#ef44444d;box-shadow:0 0 15px #ef444466}.confirm-delete-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-calendar .calendar-legend{border-top:1px solid #4b556380;flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:1rem;display:flex}.dashboard-calendar .legend-item{color:#d1d5db;align-items:center;gap:.5rem;font-size:.85rem;display:flex}@media (max-width:768px){.dashboard-calendar .calendar-day{min-height:70px;padding:.5rem}.event-item{flex-direction:column;align-items:flex-start;gap:1rem}.event-actions{flex-direction:row;margin-left:0}.dashboard-calendar .calendar-legend{flex-direction:column;align-items:center}}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.5rem;flex:1;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00fff766}.submit-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{color:#d1d5db;cursor:pointer;background:#4b5563cc;border:none;border-radius:.5rem;flex:1;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.cancel-button:hover{color:#fff;background:#6b7280cc}.events-list{flex-direction:column;gap:.75rem;display:flex}.event-card{cursor:pointer;background:#374151cc;border:1px solid #4b5563;border-radius:.5rem;flex-direction:column;padding:1rem;transition:all .3s;display:flex}.event-card.active{background:#4b5563cc;border-color:#00fff7}.event-content{justify-content:flex-start;align-items:stretch;gap:1rem;display:flex}.event-card .event-content{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0}.event-card .event-info{flex:1}.event-card .event-actions{margin-left:1rem}.event-info h3{color:#fff;text-align:left;margin:0 0 .25rem;font-size:1rem;font-weight:600}.event-code{color:#9ca3af;margin:0 0 .25rem;font-size:.875rem}.event-actions{flex-direction:column;align-items:flex-end;gap:.5rem;margin-left:auto;display:flex}.copy-button{color:#9ca3af;cursor:pointer;background:0 0;border:none;transition:color .3s}.copy-button:hover{color:#fff}.end-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s}.end-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #3b82f666}.event-status{margin-top:.5rem}.status-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status-badge.active{color:#86efac;background:#22c55e33}.status-badge.inactive{color:#d1d5db;background:#4b5563cc}.live-feed,.feed-content{flex-direction:column;gap:1.5rem;display:flex}.event-header{justify-content:space-between;align-items:center;display:flex}.event-details h2{color:#00fff7;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.event-code-display{color:#9ca3af;margin:0}.event-links{text-align:right}.share-text{color:#9ca3af;margin:0 0 .25rem;font-size:.875rem}.event-link{color:#00fff7;text-decoration:none;transition:color .3s}.event-link:hover{color:#00fff7}.feed-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.feed-item{background:#374151cc;border:1px solid #4b5563;border-radius:.5rem;padding:.75rem}.item-content{justify-content:space-between;align-items:flex-start;display:flex}.item-info{flex:1}.item-title{color:#fff;margin:0 0 .25rem;font-weight:600}.item-subtitle{color:#9ca3af;margin:0 0 .25rem;font-size:.875rem}.item-text{color:#fff;margin:0 0 .25rem}.item-author{color:#9ca3af;margin:0;font-size:.75rem}.item-tip{color:#00fff7;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.875rem;font-weight:600;display:flex}.item-tip:before{content:"💸";font-size:1rem}.item-time{color:#6b7280;white-space:nowrap;font-size:.75rem}.empty-state{color:#9ca3af;text-align:center;padding:2rem}.empty-panel{text-align:center;padding:3rem}.empty-panel svg{color:#6b7280;margin:0 auto 1rem}.empty-title{color:#d1d5db;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.empty-text{color:#9ca3af;margin:0}@media (max-width:1024px){.dashboard-grid,.feed-grid{grid-template-columns:1fr}.datetime-inputs,.form-buttons{flex-direction:column}}@media (max-width:768px){.dashboard-header-content{text-align:center;flex-direction:column;gap:1rem}.dashboard-actions{flex-wrap:wrap;justify-content:center}.event-header{text-align:center;flex-direction:column;gap:1rem}.event-content{flex-direction:column;gap:1rem}.event-actions{flex-flow:column;justify-content:flex-start;align-self:flex-end;align-items:flex-end}.analytics-grid{grid-template-columns:1fr;gap:1rem}.analytics-stats{grid-template-columns:1fr}.panel-actions,.analytics-actions{flex-direction:column;gap:.5rem}}.event-page{background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);min-height:100vh}.event-loading{background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:4px solid #00fff7;border-top-color:#0000;border-radius:50%;width:4rem;height:4rem}.event-not-found{background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found-content{text-align:center}.not-found-content svg{color:#6b7280;margin:0 auto 1rem}.not-found-title{color:#d1d5db;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.not-found-text{color:#9ca3af;margin:0}.event-header{background:#1f2937e6;border-bottom:1px solid #374151;padding:1.5rem}.event-header-content{justify-content:space-between;align-items:center;max-width:72rem;margin:0 auto;display:flex}.event-brand{align-items:flex-start;gap:1.5rem;display:flex}.back-button{color:#3b82f6;cursor:pointer;background:#3b82f633;border:1px solid #3b82f6;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.back-button:hover{background:#ffffff1a}.event-logo{color:#fff;background:linear-gradient(135deg,#00fff7,#3b82f6);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.branded-company-default .event-logo{width:4rem;height:4rem}.event-header-compact:not(.branded-company-default) .event-logo,.event-header:not(.branded-company-default) .event-logo{width:6rem;min-width:6rem;height:6rem;min-height:6rem}.event-info h1{color:#00fff7;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.event-dj{color:#9ca3af;margin:0 0 .125rem;font-size:.875rem}.event-dj .subscription-badge{flex:none;align-self:flex-start;gap:.25rem;width:auto;min-width:auto;max-width:fit-content;height:auto;padding:.25rem .5rem;font-size:.75rem}.event-dj .subscription-badge svg{width:.875rem;height:.875rem}.event-time{color:#9ca3af;margin:0 0 .125rem;font-size:.75rem}.event-time-compact{color:#9ca3af;align-items:center;gap:.35rem;margin:0 0 .125rem;font-size:.75rem;display:flex}.event-live-badge{color:#10b981;letter-spacing:.025em;font-size:.65rem;font-weight:600;animation:2s ease-in-out infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.event-stats{color:#9ca3af;align-items:center;gap:1rem;font-size:.875rem;display:flex}.stat-item{align-items:center;gap:.25rem;display:flex}.event-content{max-width:72rem;margin:0 auto;padding:1.5rem}.event-grid{grid-template-columns:1fr 1fr;gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.forms-section{flex-direction:column;gap:.5rem;min-width:0;display:flex}.forms-section .form-card{flex-direction:column;width:100%;min-width:0;min-height:auto;display:flex}.form-card{background:#1f2937cc;border:1px solid #374151;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.form-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-header svg{color:#00fff7}.form-title{color:#00fff7;margin:0;font-size:1.25rem;font-weight:700}.event-closed{text-align:center;color:#9ca3af;padding:2rem}.request-form,.comment-form{flex-direction:column;gap:1rem;display:flex}.form-textarea{color:#fff;resize:none;background:#111827cc;border:1px solid #374151;border-radius:.5rem;width:100%;padding:1rem;font-size:1rem;transition:all .3s}.form-textarea:focus{border-color:#00fff7;outline:none;box-shadow:0 0 0 3px #00fff71a}.request-button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.request-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00fff766}.request-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.request-button:disabled .button-bg{animation:none;background:linear-gradient(90deg,#6b7280 0%,#4b5563 100%)!important}.button-bg{border-radius:.5rem;position:absolute;inset:0}.button-content{z-index:10;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.comment-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.comment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.comment-button:disabled{opacity:.5;cursor:not-allowed}.feed-section{flex-direction:column;gap:1.5rem;display:flex}.feed-card{background:#1f2937cc;border:1px solid #374151;border-radius:.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.feed-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.feed-header svg{color:#00fff7}.feed-title{color:#00fff7;margin:0;font-size:1.125rem;font-weight:700}.feed-count{color:#fff;background:#00fff7;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.feed-list{flex-direction:column;gap:.75rem;max-height:24rem;display:flex;overflow-y:auto}@media (max-width:1024px){.event-grid{grid-template-columns:1fr}.event-header-content{text-align:center;flex-direction:column;gap:1rem}.event-stats{justify-content:center}}@media (max-width:768px){.event-brand{flex-direction:column;gap:.75rem}.event-logo{align-self:center;width:3rem;height:3rem}.event-info{text-align:left}.event-stats{flex-direction:column;gap:.5rem}.event-header[class*=branded-company-] .event-title{color:var(--highlight-color)!important}.event-header[class*=branded-company-] .company-name,.event-header[class*=branded-company-] .company-tagline{color:inherit!important}}.profile-container{color:#fff;background:linear-gradient(135deg,#111827 0%,#000 50%,#111827 100%);min-height:100vh}.branding-settings{background:#1f2937cc;border:1px solid #374151;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.branding-header{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.branding-title{color:#00fff7;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.preview-button{color:#3b82f6;cursor:pointer;background:#3b82f633;border:1px solid #3b82f6;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.preview-button:hover{background:#3b82f64d;transform:translateY(-1px)}.branding-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.branding-section{background:#11182780;border:1px solid #374151;border-radius:.5rem;padding:1rem}.section-title{color:#d1d5db;margin:0 0 .5rem;font-size:1rem;font-weight:600}.section-subtitle{color:#9ca3af;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.logo-upload-area{flex-direction:column;gap:1rem;display:flex}.current-logo{background:#ffffff1a;border:2px dashed #374151;border-radius:.5rem;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto;display:flex}.logo-preview{object-fit:contain;border-radius:.5rem;width:100%;height:100%}.logo-upload-controls{text-align:center}.upload-button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.upload-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.upload-hint{color:#9ca3af;margin:.5rem 0 0;font-size:.75rem}.color-inputs{flex-direction:column;gap:1rem;display:flex}.color-input{flex-direction:column;gap:.5rem;display:flex}.color-input label{color:#d1d5db;margin-bottom:.25rem;font-size:.875rem;font-weight:500}.color-description{color:#9ca3af;margin:0 0 .5rem;font-size:.75rem;line-height:1.4}.color-picker{align-items:center;gap:.5rem;display:flex}.color-input-field{cursor:pointer;background:0 0;border:none;border-radius:.25rem;width:50px;height:40px}.color-text-input{color:#d1d5db;background:#11182780;border:1px solid #374151;border-radius:.25rem;flex:1;padding:.5rem;font-family:monospace;font-size:.875rem}.color-text-input:focus{border-color:#3b82f6;outline:none}.text-inputs{flex-direction:column;gap:1rem;display:flex}.branding-preview{border-top:1px solid #374151;margin-top:1.5rem;padding-top:1.5rem}.preview-container{background:#11182780;border:1px solid #374151;border-radius:.5rem;padding:1rem}.preview-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.preview-logo{object-fit:contain;border-radius:.25rem;width:40px;height:40px}.preview-info h3{color:var(--logo-text-blue);margin:0 0 .25rem;font-size:1rem;font-weight:600}.preview-info p{color:#9ca3af;margin:0 0 .125rem;font-size:.875rem}.preview-buttons{gap:.5rem;display:flex}.preview-btn{cursor:pointer;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.preview-btn.primary{background:var(--gradient-primary);color:#fff}.preview-btn.secondary{background:var(--gradient-secondary);color:#fff}.button-preview-section{background:#ffffff0d;border-radius:.5rem;margin-top:1rem;padding:1rem}.button-preview-section h5{color:#d1d5db;margin:0 0 1rem;font-size:.875rem;font-weight:600}.button-examples{gap:1rem;margin-bottom:1rem;display:flex}.button-example{flex-direction:column;align-items:center;gap:.5rem;display:flex}.contrast-warning{color:#92400e;text-align:center;background:#fef3c7;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.contrast-info{background:#3bb6ff1a;border:1px solid #3bb6ff4d;border-radius:.5rem;margin-top:1rem;padding:.75rem}.contrast-info p{color:#d1d5db;margin:0;font-size:.875rem}.contrast-info p:first-child{color:#3bb6ff;font-weight:600}.contrast-info small{color:#9ca3af}.branding-actions-footer{border-top:1px solid #374151;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.reset-button{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef4444;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.reset-button:hover{background:#ef44444d;transform:translateY(-1px)}.save-button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.save-button:disabled{opacity:.5;cursor:not-allowed}.loading-spinner-small{border:2px solid #00fff7;border-top-color:#0000;border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}@media (max-width:768px){.branding-grid{grid-template-columns:1fr}.branding-header{text-align:center;flex-direction:column;gap:1rem}.branding-actions-footer{flex-direction:column;gap:1rem}.color-picker{flex-direction:column;align-items:flex-start}.preview-buttons{flex-direction:column}}.profile-header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#1f2937f2!important;border-bottom:1px solid #374151!important;padding:1.5rem!important}.profile-header-content{justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:72rem!important;margin:0 auto!important;display:flex!important}.profile-header-left{align-items:center;gap:1rem;display:flex}.profile-header-info{flex-direction:column;gap:.25rem;display:flex}.profile-header-actions{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;width:100%!important;display:flex!important}.back-link{color:#9ca3af;transition:color .3s}.back-link:hover{color:#fff}.back-button{color:#d1d5db!important;cursor:pointer!important;background:#374151!important;border:none!important;border-radius:.5rem!important;order:1!important;align-items:center!important;gap:.5rem!important;height:2.5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;line-height:1!important;text-decoration:none!important;transition:all .3s!important;display:flex!important}.back-button:hover{color:#fff;background:#4b5563;transform:translateY(-2px)}.back-icon{width:1.25rem;height:1.25rem}.avatar-icon{color:#fff;width:1.5rem;height:1.5rem}.profile-title-text{color:#00fff7!important;text-shadow:0 0 10px #00fff780!important;margin:0!important;font-size:1.5rem!important;font-weight:700!important}.profile-email{color:#9ca3af!important;margin:0!important;font-size:.875rem!important}.logout-button{color:#d1d5db!important;cursor:pointer!important;white-space:nowrap!important;background:#374151!important;border:none!important;border-radius:.5rem!important;order:3!important;align-items:center!important;gap:.5rem!important;height:2.5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;line-height:1!important;transition:all .3s!important;display:flex!important}.logout-button:hover{background:#4b5563;transform:translateY(-2px)}.logout-button:disabled{opacity:.5;cursor:not-allowed}.logout-icon{width:1rem;height:1rem}.profile-content{max-width:1200px;margin:0 auto;padding:1.5rem}@media (max-width:768px){.profile-content{padding:1rem .75rem}}@media (max-width:480px){.profile-content{padding:.5rem!important}.profile-card,.saved-events-card,.settings-card,.payment-method-card{padding:.75rem!important}}.profile-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.profile-sidebar{flex-direction:column;gap:1.5rem;display:flex}.profile-card{background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1.5rem}.profile-info{text-align:center;margin-bottom:1.5rem}.avatar-icon-large{color:#fff;width:2.5rem;height:2.5rem}.dj-name-section{margin-bottom:.5rem}.dj-name-edit{justify-content:center;align-items:center;gap:.5rem;display:flex}.dj-name-input{text-align:center;max-width:200px;padding:.5rem 1rem;font-size:1.125rem}.save-button{padding:.5rem 1rem;font-weight:700;transition:all .3s}.save-button:disabled{opacity:.5}.cancel-button{padding:.5rem 1rem;font-weight:700;transition:all .3s}.dj-name-display{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.dj-name-text{color:#fff;font-size:1.25rem;font-weight:700}.dj-name-display .profile-email{color:#9ca3af;margin:0;font-size:.875rem}.edit-button{padding:.25rem .75rem;font-size:.875rem;font-weight:700;transition:all .3s}.member-status{justify-content:center;align-items:center;gap:.5rem;display:flex}.crown-icon{color:#f59e0b;width:1rem;height:1rem}.member-text{color:#d1d5db}.profile-stats{flex-direction:column;gap:1rem;display:flex}.stat-item{background:#374151;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.stat-label{color:#d1d5db}.stat-value{color:#fff}.capitalize{text-transform:capitalize}.subscription-card{background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1.5rem}.subscription-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.subscription-icon{color:#f59e0b;width:1.25rem;height:1.25rem}.subscription-title{color:#f59e0b;font-size:1.125rem;font-weight:700}.subscription-pro{text-align:center}.pro-badge{background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .75rem;display:flex}.pro-icon{color:#fff;width:1.5rem;height:1.5rem}.pro-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.pro-description{color:#9ca3af;margin-bottom:1rem;font-size:.875rem}.pro-billing{color:#9ca3af;margin-top:.5rem;font-size:.875rem}.subscription-free{text-align:center}.free-badge{background:#4b5563;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .75rem;display:flex}.free-icon{color:#9ca3af;width:1.5rem;height:1.5rem}.free-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.free-description{color:#9ca3af;margin-bottom:1rem;font-size:.875rem}.upgrade-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border:none;border-radius:.25rem;width:100%;padding:.5rem;font-weight:700;transition:all .3s}.upgrade-button:hover{transform:scale(1.05)}.profile-main{flex-direction:column;gap:1.5rem;display:flex}.saved-events-card,.settings-card{background:#1f2937;border:1px solid #374151;border-radius:.5rem;padding:1.5rem}.card-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.card-icon{width:1.5rem;height:1.5rem}.card-title{font-size:1.25rem;font-weight:700}.events-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.event-card{background:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:1rem;transition:all .3s}.event-card:hover{border-color:#00fff7}.event-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.event-title{color:#fff;font-weight:600}.event-tagline{color:#9ca3af;margin:.25rem 0 .5rem;font-size:.875rem;font-style:italic;line-height:1.4}.company-name{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.875rem;font-weight:600;line-height:1.2}.company-tagline{color:#9ca3af;margin:0 0 .75rem;font-size:.75rem;font-style:italic;line-height:1.4}.event-code{color:#9ca3af;font-size:.75rem}.event-meta{color:#9ca3af;align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.event-date{align-items:center;gap:.25rem;display:flex}.date-icon{width:1rem;height:1rem}.join-event-button{color:#fff;background:linear-gradient(135deg,#00fff7 0%,#3b82f6 100%);border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.join-event-button:hover{transform:scale(1.05)}.empty-events{text-align:center;padding:3rem 1rem}.empty-icon{color:#4b5563;width:4rem;height:4rem;margin:0 auto 1rem}.empty-title{color:#d1d5db;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-description{color:#9ca3af;margin-bottom:1.5rem}.find-events-button{color:#fff;background:linear-gradient(135deg,#00fff7 0%,#3b82f6 100%);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.find-events-button:hover{transform:scale(1.05)}.settings-list{flex-direction:column;gap:1rem;display:flex}.setting-item{background:#374151;border-radius:.25rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.setting-info{flex:1}.setting-title{color:#fff;margin-bottom:.25rem;font-weight:600}.setting-description{color:#9ca3af;font-size:.875rem}.setting-button{color:#d1d5db;cursor:pointer;background:#4b5563;border:none;border-radius:.25rem;padding:.5rem 1rem;transition:all .3s}.setting-button:hover{background:#6b7280}.delete-button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.delete-button:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.delete-button:active{transform:translateY(0)}.back-to-dashboard{text-align:center;margin-top:2rem}.dashboard-link{color:#9ca3af;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;transition:color .3s;display:flex}.dashboard-link:hover{color:#fff;transform:translateY(-2px)}.dashboard-icon{width:1rem;height:1rem}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{order:2}.profile-main{order:1}}@media (max-width:768px){.profile-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.profile-header-left{width:100%}.logout-button{align-self:flex-end}.profile-header-actions{flex-direction:column;align-items:flex-end;gap:.5rem}.events-grid{grid-template-columns:1fr}.dj-name-edit{flex-direction:column;gap:.5rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.5rem}.setting-button,.delete-button{align-self:flex-end}}@media (max-width:480px){.profile-content,.profile-header,.profile-card,.subscription-card,.saved-events-card,.settings-card{padding:1rem}}.avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar-image-large{object-fit:cover;border-radius:50%;width:100%;height:100%}.photo-upload-button{cursor:pointer;z-index:10;background:linear-gradient(135deg,#00fff7 0%,#3b82f6 100%);border:2px solid #1f2937;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .3s;display:flex;position:absolute;bottom:0;right:0}.photo-upload-button:hover{transform:scale(1.1);box-shadow:0 0 15px #00fff780}.photo-upload-button:disabled{opacity:.5;cursor:not-allowed}.camera-icon{color:#fff;width:1rem;height:1rem}.photo-options{z-index:20;background:#1f2937;border:1px solid #374151;border-radius:.5rem;min-width:200px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.photo-options:before{content:"";border-bottom:.5rem solid #1f2937;border-left:.5rem solid #0000;border-right:.5rem solid #0000;width:0;height:0;position:absolute;top:-.5rem;left:50%;transform:translate(-50%)}.photo-option-button.delete{color:#ef4444}.photo-option-button.cancel{color:#9ca3af;border-top:1px solid #374151;margin-top:.25rem;padding-top:.75rem}.option-icon{width:1rem;height:1rem}.profile-avatar{background:linear-gradient(135deg,#00fff7 0%,#3b82f6 100%);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative;overflow:hidden}.profile-avatar-large{background:linear-gradient(135deg,#00fff7 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:0 auto 1rem;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.photo-options{min-width:180px;left:0;transform:none}.photo-options:before{left:1rem;transform:none}.profile-avatar-large{width:4rem;height:4rem}.photo-upload-button{width:1.75rem;height:1.75rem}.camera-icon{width:.875rem;height:.875rem}}@media (max-width:480px){.photo-options{z-index:1000;min-width:250px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-options:before{display:none}}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-actions{gap:.5rem;display:flex}.analytics-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.analytics-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.analytics-panel{margin-top:1.5rem}.analytics-actions{gap:.5rem;display:flex}.export-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .3s;display:flex}.export-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.analytics-loading{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.analytics-loading .loading-spinner{border:3px solid #10b981;border-top-color:#0000;border-radius:50%;width:2rem;height:2rem;margin-bottom:1rem;animation:1s linear infinite spin}.analytics-content{padding:1rem 0}.analytics-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.analytics-card{background:#374151cc;border:1px solid #4b5563;border-radius:.5rem;padding:1.5rem}.analytics-title{color:#00fff7;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.analytics-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.analytics-stats .stat-item{flex-direction:column;gap:.25rem;display:flex}.analytics-stats .stat-label{color:#9ca3af;font-size:.875rem}.analytics-stats .stat-value{color:#fff;font-size:1.25rem;font-weight:700}.top-songs{flex-direction:column;gap:.75rem;display:flex}.song-item{background:#1f2937cc;border:1px solid #374151;border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem;display:flex}.song-rank{color:#00fff7;min-width:2rem;font-weight:700}.song-name{color:#d1d5db;flex:1;font-weight:500}.song-count{color:#9ca3af;font-size:.875rem}.no-data{color:#9ca3af;text-align:center;font-style:italic}.analytics-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.analytics-empty svg{opacity:.5;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{color:#d1d5db;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.disclaimer-section{background:#11182799;border:1px solid #00fff733;border-radius:.5rem;margin-top:.5rem;padding:1rem}.disclaimer-text{margin-bottom:1rem}.disclaimer-paragraph{color:#9ca3af;margin:0;font-size:.875rem;line-height:1.5}.disclaimer-paragraph strong{color:#00fff7;font-weight:600}.checkbox-group{align-items:flex-start;display:flex}.checkbox-label{cursor:pointer;color:#d1d5db;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.4;display:flex}.checkbox-input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background:#111827cc;border:2px solid #00fff74d;border-radius:.25rem;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;transition:all .3s;position:relative}.checkbox-custom:after{content:"";border:2px solid #00fff7;border-width:0 2px 2px 0;width:.25rem;height:.5rem;display:none;position:absolute;top:.125rem;left:.375rem;transform:rotate(45deg)}.checkbox-input:checked~.checkbox-custom{background:linear-gradient(135deg,#00fff7,#3b82f6);border-color:#00fff7;box-shadow:0 0 10px #00fff74d}.checkbox-input:checked~.checkbox-custom:after{display:block}.checkbox-input:focus~.checkbox-custom{box-shadow:0 0 0 3px #00fff71a}.checkbox-text{flex:1;font-weight:500}.feed-header.notification-alert{border-radius:.5rem;transition:all .3s;position:relative}.feed-header.notification-alert:before{content:"";z-index:-1;background:linear-gradient(45deg,#00fff7,#3b82f6,#1d4ed8);border-radius:.5rem;animation:2s ease-in-out notificationPulse;position:absolute;inset:-2px}@keyframes notificationPulse{0%{opacity:0;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}to{opacity:0;transform:scale(1)}}.feed-header.notification-alert:has(.w-5.h-5:first-child):before{background:linear-gradient(45deg,#3b82f6,#60a5fa)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#1f2937;border:1px solid #00fff733;border-radius:.75rem;width:90%;max-width:500px;padding:2rem;animation:.3s ease-out modalSlideIn;box-shadow:0 25px 50px -12px #00000080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{color:#d1d5db;align-items:center;margin:0;font-size:1.25rem;font-weight:600;display:flex}.modal-message{color:#d1d5db;text-align:center;margin-bottom:1.5rem;line-height:1.6}.input-group{align-items:stretch;gap:.5rem;display:flex}.input-group .form-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.save-button{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:0 8px 8px 0;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00fff74d}.save-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.payment-methods-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem;display:grid}.payment-method-card{background:#1f293780;border:1px solid #374151;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.payment-method-card:hover{background:#1f2937cc;border-color:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.payment-method-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.payment-method-content{flex:1}.payment-method-content h5{margin:0 0 .25rem;font-size:1rem;font-weight:600}.payment-method-content p{margin:0 0 .5rem;line-height:1.4}.subscription-actions{flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1rem;display:flex}.subscription-action-button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00fff714}.subscription-action-button.primary{color:#000;background:linear-gradient(135deg,#00fff7,#3b82f6)}.subscription-action-button.primary:hover{color:#000;background:linear-gradient(135deg,#3b82f6,#00fff7);transform:translateY(-2px);box-shadow:0 4px 12px #00fff733}.subscription-action-button.secondary{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.subscription-action-button.secondary:hover{color:#fff;background:linear-gradient(135deg,#f97316,#f59e0b);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.subscription-action-button.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.subscription-action-button.danger:hover{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.create-button.event-link{color:#fff;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00fff714}.create-button.event-link:hover{color:#fff;background:linear-gradient(135deg,#3b82f6,#00fff7);box-shadow:0 4px 16px #00fff72e}.modal-button{cursor:pointer;color:#fff;background:#23272f;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00fff714}.modal-button.primary{color:#000;background:linear-gradient(135deg,#00fff7,#3b82f6)}.modal-button.primary:hover{color:#000;background:linear-gradient(135deg,#3b82f6,#00fff7)}.modal-button.secondary{color:#fff;background:linear-gradient(135deg,#64748b,#334155)}.modal-button.secondary:hover{color:#fff;background:linear-gradient(135deg,#334155,#64748b)}.upgrade-card{flex-direction:column;align-items:center;width:100%;max-width:400px;margin-left:auto;margin-right:auto;display:flex;background:#1f2937f2!important;border:1.5px solid #374151!important;border-radius:.5rem!important;margin-top:1.5rem!important;margin-bottom:1.5rem!important;padding:1.5rem!important;box-shadow:0 4px 16px -2px #0000002e!important}.upgrade-header{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.upgrade-title{color:#f59e0b;margin:.5rem 0 .25rem;font-size:1.25rem;font-weight:700}.upgrade-subtitle{color:#9ca3af;text-align:center;margin-bottom:.5rem;font-size:.95rem}.upgrade-icon{color:#f59e0b;width:2rem;height:2rem;margin-bottom:.25rem}.upgrade-features{width:100%;margin-bottom:1rem}.feature-item{color:#d1d5db;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem;display:flex}.feature-check{color:#00fff7;width:1.25rem;height:1.25rem}.upgrade-pricing{text-align:center;margin-bottom:1rem}.price{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.price-note{color:#9ca3af;margin-top:.25rem;font-size:.85rem}.upgrade-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);border:none;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;margin-bottom:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.upgrade-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #f59e0b33}.upgrade-button:disabled{opacity:.5;cursor:not-allowed}.upgrade-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef4444;border-radius:.25rem;width:100%;margin-bottom:.5rem;padding:.5rem;font-size:.95rem}.upgrade-security{color:#00fff7;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;display:flex}.footer{border-top:1px solid var(--gray-border);color:#b6eaff;letter-spacing:.01em;background:#0a0a14fa;width:100%;margin-top:3rem;padding:2rem 0 1rem;font-size:1rem}.footer-content{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.footer-brand{align-items:center;gap:.75rem;display:flex}.footer-logo{width:auto;height:40px;box-shadow:none;object-fit:contain;background:0 0;border-radius:.5rem;display:block}.footer-title{color:var(--logo-text-blue);letter-spacing:.03em;font-size:1.25rem;font-weight:700}.footer-links{align-items:center;gap:1.5rem;display:flex}.footer-link{color:#b6eaff;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--neon-cyan);text-decoration:underline}.footer-copyright{color:#7ee6ff;opacity:.7;margin-left:auto;font-size:.95rem}@media (max-width:700px){.footer-content{flex-direction:column;align-items:flex-start;gap:.75rem;padding:0 1rem}.footer-links{gap:1rem;margin:.5rem 0}.footer-logo{height:32px}}.referral-panel{margin-bottom:1.5rem}.referral-stats{gap:.5rem;display:flex}.stat-badge{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f64d;border-radius:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.referral-content{padding:1rem 0}.referral-info{margin-bottom:1.5rem}.referral-description{color:#e2e8f0;margin:0;line-height:1.6}.referral-code-section{margin-bottom:1.5rem}.code-display{margin-bottom:1rem}.code-label{color:#94a3b8;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.code-container{background:#0f172a99;border:1px solid #3b82f64d;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.referral-code{color:#fbbf24;text-align:center;letter-spacing:.05em;background:#fbbf241a;border-radius:.25rem;flex:1;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.copy-referral-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.copy-referral-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px)}.copy-referral-button:disabled{opacity:.5;cursor:not-allowed}.generate-code-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.generate-code-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.referral-link-preview{margin-bottom:1.5rem}.link-label{color:#94a3b8;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.link-container{background:#0f172a99;border:1px solid #3b82f633;border-radius:.5rem;padding:.75rem}.referral-link{color:#60a5fa;word-break:break-all;font-family:Courier New,monospace;font-size:.875rem;line-height:1.4}.referral-benefits{background:#0f172a66;border:1px solid #3b82f633;border-radius:.5rem;padding:1rem}.benefits-title{color:#e2e8f0;margin:0 0 .75rem;font-size:1rem;font-weight:600}.benefits-list{margin:0;padding:0;list-style:none}.benefits-list li{color:#cbd5e1;margin-bottom:.5rem;padding-left:1.25rem;font-size:.875rem;line-height:1.5;position:relative}.benefits-list li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.benefits-list li:last-child{margin-bottom:0}@media (max-width:768px){.code-container{flex-direction:column;gap:.5rem}.referral-code{font-size:.875rem}.copy-referral-button{width:100%}}.admin-layout{background:var(--gray-bg,#111827);min-height:100vh;display:flex}.admin-sidebar{color:#fff;z-index:10;background:#181f2a;border-right:1px solid #232b3a;flex-direction:column;width:260px;min-height:100vh;padding:2rem 1rem 1rem;transition:transform .3s;display:flex;position:relative}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-header{margin-bottom:2rem}.admin-brand{align-items:center;gap:.5rem;display:flex}.admin-logo{width:2rem;height:2rem;color:var(--neon-cyan,#00ffe0)}.admin-title{color:var(--logo-text-blue,#7ee6ff);font-size:1.25rem;font-weight:700}.admin-user{color:#b0b8c1;margin-top:.5rem;font-size:.9rem}.admin-nav{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}.admin-nav-item{color:#fff;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s;display:flex}.admin-nav-item:hover{background:#232b3a}.admin-nav-icon{width:1.25rem;height:1.25rem}.admin-sidebar-footer{margin-top:auto}.admin-logout-button{color:#fff;cursor:pointer;background:#232b3a;border:none;border-radius:.5rem;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:background .2s;display:flex}.admin-logout-button:hover{background:#2a3342}.admin-sidebar-toggle{display:none}@media (max-width:900px){.admin-sidebar{z-index:100;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-toggle{z-index:200;color:#fff;cursor:pointer;background:#232b3a;border:none;border-radius:.5rem;padding:.5rem;display:block;position:fixed;top:1rem;left:1rem}}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-header{background:#181f2a;border-bottom:1px solid #232b3a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.admin-header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.admin-page-title{color:var(--logo-text-blue,#7ee6ff);font-size:1.5rem;font-weight:700}.admin-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.admin-card{background:#232b3a;border:1px solid #2a3342;border-radius:1rem;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #00000014}.admin-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-card-title{color:#fff;font-size:1.25rem;font-weight:700}.admin-card-subtitle{color:#b0b8c1;font-size:1rem}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.admin-stat-card{background:#232b3a;border:1px solid #2a3342;border-radius:1rem;flex-direction:column;align-items:center;padding:1.5rem 1rem;transition:box-shadow .2s,border .2s;display:flex;box-shadow:0 2px 8px #0000000f}.admin-stat-card:hover{border:1px solid var(--neon-cyan,#00ffe0);box-shadow:0 4px 16px #0000001f}.admin-stat-icon{width:2.5rem;height:2.5rem;color:var(--neon-cyan,#00ffe0);margin-bottom:.5rem}.admin-stat-value{color:#fff;font-size:2rem;font-weight:700}.admin-stat-label{color:#b0b8c1;font-size:1rem}.admin-button{background:linear-gradient(90deg,var(--electric-blue,#3bb6ff),var(--neon-cyan,#00ffe0));color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #00000014}.admin-button.secondary{color:#7ee6ff;background:#232b3a;border:1px solid #2a3342}.admin-button.danger{color:#fff;background:#ff4d4f}.admin-button:hover{background:linear-gradient(90deg,var(--neon-cyan,#00ffe0),var(--electric-blue,#3bb6ff));box-shadow:0 4px 16px #0000001f}.system-health-indicator{align-items:center;gap:1rem;display:flex}.health-status{color:#4ade80;background:#232b3a;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.health-status.healthy{color:#4ade80}.health-status.issues{color:#ffb020}.health-text{font-size:1rem}.health-metrics{color:#b0b8c1;gap:1rem;font-size:.95rem;display:flex}.metric.error{color:#ff4d4f}@media (max-width:900px){.admin-content,.admin-header{padding:1rem}.admin-stats-grid{gap:1rem}}.admin-header-left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.admin-breadcrumb{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.breadcrumb-item{align-items:center;gap:.5rem;display:flex}.breadcrumb-separator{color:#6b7280;flex-shrink:0;width:1rem;height:1rem}.breadcrumb-link{color:#9ca3af;border-radius:.375rem;align-items:center;gap:.25rem;padding:.5rem .75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.breadcrumb-link:hover{color:#d1d5db;background:#ffffff0d}.breadcrumb-link.current{color:#00d4ff;background:#00d4ff1a;border:1px solid #00d4ff33}.breadcrumb-link.current:hover{background:#00d4ff26}.breadcrumb-icon{flex-shrink:0;width:1rem;height:1rem}@media (max-width:768px){.admin-header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-breadcrumb{font-size:.75rem}.breadcrumb-link{padding:.375rem .5rem}}.forgot-password-link{text-align:center;margin-bottom:1rem}.forgot-password-button{color:var(--electric-blue,#3bb6ff);font-size:.875rem;text-decoration:none;transition:color .2s}.forgot-password-button:hover{color:var(--neon-cyan,#00ffe0);text-decoration:underline}.success-message{text-align:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:.75rem;margin:1rem 0;padding:2rem 1rem}.success-message h2{color:#fff;margin-bottom:.5rem}.success-message p{color:#d1d5db;line-height:1.6}.success-message strong{color:#fff}.payment-method-card{background:#1f2937f2;border:1.5px solid #374151;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem;display:block;box-shadow:0 4px 16px -2px #0000002e}.social-links-card{background:#1f2937f2;border:1.5px solid #374151;border-radius:.5rem;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:block;box-shadow:0 4px 16px -2px #0000002e}.social-links-content{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.social-link-input-group{position:relative}.social-link-input-group .social-icon{opacity:.9;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.social-link-input-group .form-input{padding-left:2.5rem}.save-social-links-button{align-self:flex-start}.payment-method-content{margin-top:1rem}.payment-description{color:#9ca3af;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.payment-form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.payment-form .form-group{flex-direction:column;gap:.5rem;display:flex}.payment-form .form-label{color:#e5e7eb;font-size:.95rem;font-weight:600}.payment-form .form-select,.payment-form .form-input{color:#e5e7eb;background:#111827cc;border:1px solid #4b5563;border-radius:.5rem;padding:.75rem;font-size:.95rem;transition:all .2s}.payment-form .form-select:focus,.payment-form .form-input:focus{border-color:#00fff7;outline:none;box-shadow:0 0 0 3px #00fff71a}.payment-form .form-help{color:#9ca3af;margin-top:.25rem;font-size:.8rem}.save-payment-button{color:#000;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.5rem;align-self:flex-start;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #00fff714}.save-payment-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#00fff7);transform:translateY(-2px);box-shadow:0 4px 12px #00fff733}.save-payment-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.payment-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.5rem;padding:1rem}.info-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.info-icon{color:#3b82f6;width:1.25rem;height:1.25rem}.info-title{color:#3b82f6;margin:0;font-size:.95rem;font-weight:600}.info-text{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.5}.neon-green{color:#0f8;text-shadow:0 0 10px #00ff8880}.refresh-button{color:#00fff7!important;cursor:pointer!important;background:#1f2937!important;border:1px solid #00fff7!important;border-radius:.5rem!important;order:2!important;align-items:center!important;gap:.5rem!important;margin-left:.5rem!important;padding:.5rem .75rem!important;transition:all .3s!important;display:flex!important}.refresh-button:hover{color:#000;background:#00fff7;transform:translateY(-2px);box-shadow:0 4px 12px #00fff766}.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.refresh-icon{width:1rem;height:1rem}.payment-methods-list{flex-direction:column;gap:.75rem;margin:1rem 0;display:flex}.payment-method-item{background:#1f29374d;border:1px solid #374151;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.payment-method-item:hover{background:#1f293780;border-color:#4b5563}.method-info{flex-direction:column;gap:.25rem;display:flex}.method-type{color:#d1d5db;font-size:.95rem;font-weight:600}.method-details{color:#9ca3af;font-size:.875rem}.remove-method-button{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.remove-method-button:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.remove-method-button:disabled{opacity:.5;cursor:not-allowed}.no-methods-message{color:#9ca3af;background:#1f293733;border:1px dashed #374151;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;display:flex}.no-methods-icon{opacity:.5;width:2rem;height:2rem}.add-payment-method{border-top:1px solid #374151;margin-top:1.5rem;padding-top:1.5rem}.add-method-title{color:#d1d5db;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.add-method-form{flex-direction:column;gap:1rem;display:flex}.add-method-button{color:#000;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #00fff714}@media (max-width:768px){.payment-method-card{padding:1rem}.payment-description{margin-bottom:1rem;font-size:.9rem}.payment-methods-list{gap:.5rem}.payment-method-item{padding:.5rem}.add-method-title{margin-bottom:.5rem;font-size:1rem}.add-method-form{gap:.75rem}.add-method-button{padding:.625rem 1rem;font-size:.9rem}.social-links-card .social-links-content{gap:.5rem}.save-social-links-button{width:100%;margin-top:.5rem;padding:.625rem 1rem;font-size:.95rem}.referral-panel{margin-bottom:1rem}.panel-card{padding:.75rem}.panel-header{gap:.5rem}.panel-title{font-size:1rem}.referral-content{padding:.5rem 0}.referral-info,.referral-code-section{margin-bottom:.75rem}.copy-referral-button{padding:.5rem .75rem;font-size:.85rem}}.add-method-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#00fff7);transform:translateY(-2px);box-shadow:0 4px 12px #00fff733}.add-method-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.payment-links-container{background:#1f29374d;border:1px solid #374151;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.payment-links-title{color:#d1d5db;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.payment-links-description{color:#9ca3af;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.payment-buttons{flex-direction:column;gap:.75rem;display:flex}.payment-button{background:var(--payment-color,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.payment-button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.payment-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.payment-label{text-align:left;flex:1}@media (max-width:768px){.payment-buttons{gap:.5rem}.payment-button{padding:.75rem 1rem;font-size:.9rem}.payment-icon{width:1.125rem;height:1.125rem}}.subscription-selector{max-width:1200px;margin:0 auto;padding:2rem}.selector-header{text-align:center;margin-bottom:3rem}.selector-title{background:linear-gradient(135deg,#00fff7,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.selector-subtitle{color:#9ca3af;margin-bottom:1rem;font-size:1.125rem}.trial-banner{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #f59e0b4d}.subscription-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.subscription-card{background:#1f2937cc;border:1px solid #374151;border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.subscription-card:hover{border-color:#4b5563;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.subscription-card.current{border-color:#00fff7;box-shadow:0 0 20px #00fff733}.card-header{border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;position:relative}.card-icon{color:#fff;width:2rem;height:2rem}.current-badge{color:#000;background:#00fff7e6;border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.card-pricing{text-align:center;margin-bottom:2rem}.price{justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.price-amount{color:#00fff7;font-size:2.5rem;font-weight:800}.price-period{color:#9ca3af;font-size:1rem}.trial-offer{color:#f59e0b;background:#f59e0b1a;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.commitment-notice{color:#ef4444;background:#ef44441a;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex}.card-features{margin-bottom:2rem}.feature-item{color:#d1d5db;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.feature-check{color:#10b981;flex-shrink:0;width:1.25rem;height:1.25rem}.current-subscription-info{background:#00fff71a;border:1px solid #00fff733;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.trial-info,.commitment-info{color:#f59e0b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.no-cancel-notice{color:#ef4444;font-size:.875rem;font-weight:600}.subscribe-button{color:#000;cursor:pointer;background:linear-gradient(135deg,#00fff7,#3b82f6);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #00fff74d}.subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00fff766}.subscribe-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.subscription-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;margin-bottom:2rem;padding:1rem;font-weight:600}.subscription-footer{color:#9ca3af;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.loading-state{justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#00fff7;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@media (max-width:768px){.subscription-selector{padding:1rem}.selector-title{font-size:2rem}.subscription-grid{grid-template-columns:1fr;gap:1.5rem}.subscription-card{padding:1.5rem}.price-amount{font-size:2rem}}.help-container{background:radial-gradient(1200px 600px at 10% 0,#00fff70f,#0000),radial-gradient(1000px 500px at 100% 0,#3b82f60f,#0000),#0b1220;min-height:100vh}.help-content{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem}.help-hero{text-align:center;margin-bottom:2rem}.help-title{background:linear-gradient(135deg,#00fff7,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.25rem;font-weight:800}.help-subtitle{color:#9ca3af;max-width:48rem;margin:0 auto;font-size:1.125rem}.help-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0 2rem;display:grid}.help-nav-card{text-align:center;background:#1f293799;border:1px solid #374151;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.help-nav-card:hover{background:#1f2937cc;transform:translateY(-2px)}.help-nav-emoji{font-size:1.5rem}.help-nav-title{color:#e5e7eb;font-weight:600}.help-callout{text-align:center;border-color:#3b82f64d}.help-callout-title{color:#fff;margin:0 0 .25rem;font-weight:700}.help-callout-sub{color:#93c5fd}.help-section-title{color:#e5e7eb;text-align:center;margin:2rem 0 1rem;font-size:1.75rem;font-weight:800}.help-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.help-stack{gap:1rem;max-width:900px;margin:0 auto;display:grid}.help-list{color:#cbd5e1;gap:.5rem;padding-left:1.25rem;list-style:outside;display:grid}.help-list.compact{gap:.35rem;font-size:.95rem}.help-list-decimal{color:#cbd5e1;gap:.5rem;padding-left:1.25rem;list-style:decimal;display:grid}.help-subheading{color:#9ca3af;margin:0 0 .5rem}.help-tip{background:linear-gradient(135deg,#1f293799,#1f293766);border:1px solid #374151;border-radius:.5rem;margin-top:.5rem;padding:.75rem}.help-tip-title{color:#e5e7eb;margin:0;font-weight:600}.help-tip-body{color:#22d3ee;margin:0}.help-center{text-align:center;margin:2rem 0}.help-center-card{max-width:700px;margin:0 auto}.help-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}@media (max-width:768px){.help-title{font-size:1.75rem}.help-content{padding:1rem 1rem 3rem}}.subscription-info-panel{margin-top:2rem}.subscription-info-content{padding:1rem 0}.free-subscription,.paid-subscription{flex-direction:column;gap:1rem;display:flex}.subscription-status{text-align:center}.status-title{color:#fff;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.status-description{color:#9ca3af;font-size:.875rem}.trial-info-banner{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 4px 12px #f59e0b4d}.commitment-info-banner{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 4px 12px #3b82f64d}.subscription-actions{justify-content:center;display:flex}.upgrade-button,.manage-button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.upgrade-button{color:#000;background:linear-gradient(135deg,#00fff7,#3b82f6);box-shadow:0 4px 12px #00fff74d}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00fff766}.manage-button{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f64d}.manage-button:hover{background:#3b82f633;transform:translateY(-1px)}.profile-avatar-large-container{display:inline-block;position:relative}.photo-upload-overlay{opacity:0;gap:.5rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;right:0}.profile-avatar-large:hover .photo-upload-overlay{opacity:1}.photo-upload-button,.photo-options-button{cursor:pointer;color:#000;background:#00fff7e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000004d}.photo-upload-button:hover,.photo-options-button:hover{background:#00fff7;transform:scale(1.1);box-shadow:0 4px 12px #0006}.photo-upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.camera-icon{width:1.25rem;height:1.25rem}.photo-options{z-index:1000;background:#1f2937f2;border:1px solid #374151;border-radius:.5rem;min-width:200px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #00000080}.photo-options:before{content:"";border-bottom:.5rem solid #1f2937f2;border-left:.5rem solid #0000;border-right:.5rem solid #0000;width:0;height:0;position:absolute;top:-.5rem;right:1rem}.photo-options-content{padding:.5rem}.photo-option-button{color:#d1d5db;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.photo-option-button:hover{color:#3b82f6;background:#3b82f61a}.photo-option-button:disabled{opacity:.5;cursor:not-allowed}.photo-option-button.delete:hover{color:#ef4444;background:#ef44441a}.photo-option-button.cancel:hover{color:#6b7280;background:#6b72801a}.option-icon{flex-shrink:0;width:1rem;height:1rem}.qr-modal-buttons{flex-direction:column;align-items:center;gap:1.25rem;display:flex}@media (max-width:768px){.modal-overlay .modal{width:90vw!important;max-width:90vw!important;margin:1rem!important;padding:1rem!important}.modal-overlay .modal h3{margin-bottom:.75rem!important;font-size:1rem!important}.modal-overlay .modal #event-qr-code{margin-bottom:.75rem!important;padding:.5rem!important}.modal-overlay .modal #event-qr-code svg{width:200px!important;height:200px!important}.qr-modal-buttons{gap:.75rem!important}.qr-modal-buttons button{padding:.5rem 1rem!important;font-size:.875rem!important}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:1rem}.right-column{order:-1}.live-feed{margin-bottom:1rem}.feed-grid{grid-template-columns:1fr}.datetime-inputs{flex-direction:column}.form-buttons{flex-direction:column;gap:.5rem}.form-buttons button{width:100%}}@media (max-width:768px){.container{padding:0 1rem}.main-content{padding:.5rem 0}.nav{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.desktop-only{display:none}.nav-title{font-size:1.25rem}.nav-actions{gap:.5rem}.nav-actions .btn{white-space:nowrap;padding:.375rem .75rem;font-size:.8rem}.dashboard-header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.dashboard-actions{display:none}.trial-banner{text-align:center;flex-direction:column;gap:1rem}.trial-banner .dashboard-actions{flex-direction:column}.event-card{margin-bottom:1rem;padding:1rem}.event-content{flex-direction:row;align-items:flex-start;gap:.75rem}.event-info{flex:1}.event-info h3{margin-bottom:.5rem;font-size:1rem}.event-code{margin-bottom:.5rem;font-size:.85rem}.event-time{margin-bottom:.25rem;font-size:.8rem}.event-actions{flex-flow:column;align-self:flex-start;align-items:flex-end;gap:.5rem}.event-actions button{width:34px;min-width:34px;height:34px}.search-filter-container{flex-direction:column;gap:1rem}.search-filter-container input{width:100%}.tab-buttons{gap:.25rem;width:100%;display:flex}.tab-buttons button{flex:1;padding:.5rem .75rem;font-size:.8rem}.create-event-form{padding:1rem}.event-form{gap:1rem}.form-input{padding:.75rem;font-size:1rem}.datetime-inputs{gap:.75rem}.datetime-inputs input{padding:.75rem;font-size:1rem}.live-feed{padding:1rem}.feed-section{margin-bottom:1.5rem}.feed-section-title{margin-bottom:.75rem;font-size:1rem}.feed-item{margin-bottom:.75rem;padding:.75rem}.feed-item-text{font-size:.9rem}.feed-item-meta{font-size:.8rem}.moderation-actions{gap:.5rem;margin-top:.5rem;display:flex}.moderation-actions button{flex:1;min-width:70px;padding:.375rem .5rem;font-size:.8rem}.panel-card{padding:1rem}.panel-header{flex-direction:column;align-items:flex-start;gap:1rem}.panel-title{font-size:1.25rem}.panel-actions{width:100%}.create-button{justify-content:center;width:100%}.analytics-grid{grid-template-columns:1fr;gap:1rem}.analytics-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.analytics-actions{flex-direction:column;gap:.5rem}.analytics-actions button{width:100%}}@media (max-width:480px){.container{padding:0 .75rem}.nav{padding:.5rem .75rem}.desktop-only{display:none}.nav-title{font-size:1.1rem}.dashboard-header-content{gap:.5rem}.mobile-menu-content{width:100%;max-width:95vw}.event-card{padding:.75rem}.event-info h3{font-size:.95rem}.event-code{font-size:.8rem}.event-time{font-size:.75rem}.event-actions{gap:.375rem}.event-actions button{width:30px;min-width:30px;height:30px}.event-actions button svg{width:1rem;height:1rem}.create-event-form{padding:.75rem}.form-input,.datetime-inputs input{padding:.625rem;font-size:.9rem}.live-feed{padding:.75rem}.feed-item{padding:.625rem}.feed-item-text{font-size:.85rem}.feed-item-meta{font-size:.75rem}.moderation-actions button{min-width:60px;padding:.25rem .375rem;font-size:.75rem}.panel-card{padding:.75rem}.panel-title{font-size:1.1rem}.analytics-stats{grid-template-columns:1fr;gap:.5rem}.profile-header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.profile-header-left{flex-direction:column;gap:.5rem}.profile-header-info{text-align:center}.profile-header-actions{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.logout-button{width:auto!important;max-width:none!important;padding:.5rem .75rem!important}.profile-grid{grid-template-columns:1fr;gap:1rem}.profile-sidebar{order:1}.profile-main{order:2}.profile-card{box-sizing:border-box;width:100%;margin:0;padding:1rem}.profile-avatar-large{width:80px;height:80px}.dj-name-edit{flex-direction:column;gap:.5rem}.dj-name-input{width:100%}.events-grid{grid-template-columns:1fr;gap:.75rem}.event-card{box-sizing:border-box;width:100%;margin:0;padding:.75rem}.setting-item{flex-direction:column;align-items:flex-start;gap:.75rem}.setting-button,.delete-button{justify-content:center;width:100%}.saved-events-card,.settings-card,.payment-method-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}.profile-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.profile-content{width:100%!important;max-width:100%!important;margin:0!important;padding:.75rem!important}.profile-grid,.profile-sidebar,.profile-main{width:100%!important;max-width:100%!important;margin:0!important}}@media (hover:none) and (pointer:coarse){.btn,.dashboard-button,.create-button,.submit-button,.cancel-button,.event-actions button,.moderation-actions button{min-width:44px;min-height:44px}.form-input,.datetime-inputs input{min-height:44px}.event-card{cursor:pointer}.event-card:active{transform:scale(.98)}}@media (max-width:768px){.input-icon{display:none}.form-input{padding-left:1rem}.password-toggle{right:.75rem}}@media (max-width:768px) and (orientation:landscape){.dashboard-header-content{flex-direction:row;align-items:center}.dashboard-actions{flex-direction:row;width:auto}.trial-banner{text-align:left;flex-direction:row}.trial-banner .dashboard-actions{flex-direction:row}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.nav-logo,.dashboard-logo,.event-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){:root{--surface-bg:#111827e6;--gray-bg:#0f172a;--gray-border:#334155;--gray-dark:#1e293b}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.nav-logo{animation:none}}.dj-link-badge{color:#fff;cursor:pointer;background:#3b82f626;border:1.5px solid #3b82f6;border-radius:9999px;padding:.25rem .75rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-block}.dj-link-badge:hover{color:#fff;background:#3b82f6;border-color:#60a5fa;text-decoration:none}.nav-social-icon{color:#9ca3af;transition:color .2s}.nav-social-icon:hover{color:#00fff7}.nav-right,.nav-social-links{align-items:center;gap:1rem;display:flex}.nav-social-link{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.nav-social-link:hover{background:#00fff71a;border-color:#00fff74d;transform:translateY(-1px)}.nav-social-link .nav-social-icon{width:1.25rem;height:1.25rem}.admin-actions-desktop{display:none}.admin-actions-mobile{display:flex}@media (min-width:768px){.admin-actions-desktop{gap:.5rem;display:flex}.admin-actions-mobile{display:none}}.profile-tab{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #374151;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.profile-tab:hover{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}.profile-tab.active{color:#000;background:linear-gradient(90deg,#3bb6ff,#00ffe0);border-color:#0000;font-weight:600}.profile-tab.active:hover{color:#000;background:linear-gradient(90deg,#3bb6ff,#00ffe0)}.panel-content{padding:0}.subscription-badge{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;width:auto!important;max-width:fit-content!important;display:inline-flex!important}.event-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto;padding:1.5rem;display:grid}.event-description-section{max-width:800px;margin:0 auto 1.5rem;padding:0 1.5rem}.event-description-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid #3b82f64d;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #0000004d}.event-description-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 2px 8px #3b82f64d}.event-description-text{flex:1}.event-description-title{color:#e5e7eb;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;display:flex}.event-description-title:before{content:"🎉";font-size:1rem}.event-description-message{color:#d1d5db;margin:0;font-size:1rem;font-style:italic;line-height:1.6}.event-card{text-align:center;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:2rem;transition:all .3s;display:flex}.event-card:hover{background:#0006;border-color:#fff3;transform:translateY(-2px)}.card-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:.5rem;display:flex}.card-title{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.card-description{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.4}.card-stats{color:#00fff7;margin-top:auto;font-size:.8rem;font-weight:500}.event-cards-grid .event-card{border-color:var(--highlight-color,#ffffff26);transition:all .3s}.event-cards-grid .event-card:hover{border-color:var(--highlight-color,#ffffff4d);box-shadow:0 0 20px color-mix(in srgb,var(--highlight-color,#fff)20%,transparent)}.event-vibe-card{cursor:default}.event-vibe-card:hover{transform:none}.event-vibe-card .vibe-icon{background:#ffffff1a}.event-vibe-card .vibe-icon svg{color:var(--highlight-color,#e5e7eb)}.event-vibe-card .card-title{color:var(--highlight-color,#e5e7eb);font-size:1rem}.event-vibe-card .vibe-message{color:#d1d5db;font-style:italic;line-height:1.5}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#000000e6;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-title{color:#00fff7;margin:0;font-size:1.5rem;font-weight:600}.modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:color .2s}.modal-close:hover{color:#fff}.chat-modal-overlay .chat-modal-content{flex-direction:column;height:90vh;max-height:90vh;padding:0;display:flex;overflow:hidden}.chat-modal-overlay .chat-modal-header{border-bottom:1px solid #ffffff1a;flex-shrink:0;margin-bottom:0;padding:1rem 1.5rem}.chat-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-messages{flex-direction:column;flex:1;align-items:stretch;min-height:0;margin-bottom:0;padding:1rem .5rem 1rem 1rem;display:flex;overflow-y:auto}.chat-bottom-sentinel{pointer-events:none;width:100%;height:1px}.chat-empty-state{color:#9ca3af;text-align:center;margin:0;padding:2rem 1rem;font-size:.9rem}.chat-message.chat-bubble{background:#ffffff14;border:1px solid #ffffff14;border-radius:1rem 1rem 1rem .25rem;align-self:flex-start;max-width:85%;margin-bottom:.5rem;padding:.5rem .75rem}.chat-message.chat-bubble.system-message{background:#00fff714;border-color:#00fff733;border-radius:1rem;align-self:center;max-width:90%}.chat-message.chat-bubble.system-message .message-text{color:#9ca3af;font-style:italic}.chat-message.chat-bubble.dj-message{background:#8b5cf626;border-color:#8b5cf659;border-radius:1rem 1rem .25rem;align-self:flex-end}.chat-message.chat-bubble.dj-message .message-author{color:#8b5cf6;font-weight:600}.chat-message.chat-bubble.dj-message .message-text{color:#e5e7eb}.message-content{margin:0}.chat-message .message-author{color:#9ca3af;margin:0 0 .2rem;font-size:.7rem;font-weight:500}.chat-message.system-message .message-author{display:none}.message-text{color:#fff;margin:0;font-size:.9rem;line-height:1.4}.message-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.message-time{color:#6b7280;flex-shrink:0;font-size:.65rem}.delete-comment-button{color:#ef4444;cursor:pointer;opacity:.8;background:#ef444433;border:1px solid #ef444480;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;min-height:24px;padding:.25rem;transition:all .2s;display:flex}.delete-comment-button:hover{opacity:1;background:#ef44444d;border-color:#ef4444}.delete-comment-button:disabled{opacity:.5;cursor:not-allowed}.chat-form{background:#0006;border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:0;padding:1rem 1rem 1.25rem}.chat-form .form-group{margin-bottom:1rem}.chat-form-row{flex-direction:column;gap:.5rem;display:flex}.chat-input{color:#fff;background:#111827cc;border:1px solid #ffffff26;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:border-color .2s}.chat-input::placeholder{color:#6b7280}.chat-input:focus{border-color:#00fff7;outline:none}.chat-input-name{flex-shrink:0}.chat-input-wrap{flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.chat-input-message{resize:none;flex:1;min-height:2.5rem;max-height:6rem;font-family:inherit}.chat-send-button{color:#00fff7;cursor:pointer;background:#00fff733;border:1px solid #00fff766;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background .2s,transform .2s;display:flex}.chat-send-button:hover:not(:disabled){background:#00fff74d;transform:scale(1.05)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}.chat-scroll-to-bottom-fab{color:#00fff7;cursor:pointer;z-index:1;background:#00fff726;border:1px solid #00fff766;border-radius:9999px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:background .2s,transform .2s;display:flex;position:absolute;bottom:8rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}.chat-scroll-to-bottom-fab:hover{background:#00fff740;transform:translate(-50%)translateY(-1px)}.tips-container{text-align:center;padding:2rem 0}.tips-unavailable{color:#9ca3af;flex-direction:column;align-items:center;gap:1rem;display:flex}.tips-unavailable h3{color:#fff;margin:0}.tips-unavailable p{margin:0;line-height:1.5}.event-info-container{flex-direction:column;gap:2rem;display:flex}.info-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1.5rem}.info-section h3{color:#00fff7;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.info-section p{color:#d1d5db;margin:.5rem 0;font-size:.9rem}.info-section ul{color:#d1d5db;margin:0;padding-left:1.5rem;font-size:.9rem}.info-section li{margin:.5rem 0;line-height:1.4}.booking-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.booking-intro{background:#3bb6ff1a;border:1px solid #3bb6ff4d;border-radius:.5rem;padding:1rem}.booking-intro p{color:#d1d5db;margin:0;line-height:1.6}.booking-contact-info{flex-direction:column;gap:1rem;display:flex}.contact-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.contact-item svg{color:#3bb6ff;flex-shrink:0;margin-top:.25rem}.contact-details{flex-direction:column;flex:1;gap:.25rem;display:flex}.contact-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.contact-value{color:#3bb6ff;font-size:1rem;text-decoration:none;transition:color .2s}.contact-value:hover{color:#00fff7;text-decoration:underline}.contact-social{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}.social-link{color:#3bb6ff;border:1px solid #3bb6ff4d;border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;text-decoration:none;transition:all .2s}.social-link:hover{color:#00fff7;background:#3bb6ff1a;border-color:#3bb6ff}.booking-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;margin-top:.5rem;padding:1rem}.booking-info p{color:#d1d5db;margin:0;font-size:.9rem;line-height:1.6}.no-contact-info{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;padding:1.5rem}.no-contact-info p{color:#9ca3af;margin:0;font-size:.9rem;line-height:1.6}@media (max-width:768px){.event-header.event-header-compact{padding:1rem}.event-header-compact .event-header-content{flex-direction:row;align-items:center;gap:1rem}.event-header-compact .event-brand{flex-direction:row;flex:1;align-items:center;gap:1rem}.event-header-compact .event-logo{flex-shrink:0;width:3.5rem;height:3.5rem}.event-header-compact:not(.branded-company-default) .event-logo{width:5rem;min-width:5rem;height:5rem;min-height:5rem}.event-header-compact .event-info{text-align:left;flex:1;min-width:0}.event-header-compact .company-name{opacity:.8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.event-header-compact .event-title{white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden;margin:0!important;font-size:1.1rem!important}.event-header-compact .event-dj{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 0;font-size:.8rem;display:flex}.event-header-compact .dj-link-badge{padding:.125rem .5rem;font-size:.8rem}.event-header-compact .event-time-compact{color:#9ca3af;align-items:center;gap:.25rem;margin:.125rem 0 0;font-size:.75rem;display:flex}.event-header-compact .event-stats{display:none}.event-cards-grid{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.event-card{gap:.5rem;padding:1rem}.event-cards-grid .event-card{border-color:var(--highlight-color,#ffffff26)}.event-vibe-card{text-align:left;flex-direction:row;align-items:center;gap:.75rem;padding:.875rem}.event-vibe-card .card-icon{flex-shrink:0;width:2.5rem;height:2.5rem;margin-bottom:0}.event-vibe-card .card-icon svg{width:1.25rem;height:1.25rem}.event-vibe-card .card-title{margin-bottom:.125rem;font-size:.85rem}.event-vibe-card .vibe-message{font-size:.8rem;line-height:1.4}.event-description-section{margin-bottom:.5rem;padding:0 .75rem}.event-description-content{text-align:left;border-radius:.75rem;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem}.modal-content{max-height:85vh;margin:1rem}.chat-modal-overlay{align-items:stretch;padding:0}.chat-modal-overlay .chat-modal-content{border-left:none;border-right:none;border-radius:0;width:100%;height:100dvh;max-height:none;margin:0}.chat-modal-overlay .chat-container{flex:1;min-height:0}.chat-scroll-to-bottom-fab{min-width:44px;min-height:44px;padding:.5rem 1rem;bottom:6rem}}@media (max-width:480px){.event-header.event-header-compact{padding:.75rem}.event-header-compact .event-logo{width:3rem;height:3rem}.event-header-compact:not(.branded-company-default) .event-logo{width:4rem;min-width:4rem;height:4rem;min-height:4rem}.event-header-compact .event-title{font-size:1rem!important}.event-cards-grid{gap:.5rem;padding:.5rem}.event-card{border-radius:.75rem;padding:.875rem}.card-icon{width:2.5rem;height:2.5rem;margin-bottom:.25rem}.card-icon svg{width:1.25rem;height:1.25rem}.card-title{font-size:1rem}.card-description{font-size:.75rem;line-height:1.3}.card-stats{font-size:.7rem}.event-vibe-card{padding:.75rem}.event-vibe-card .card-icon{width:2rem;height:2rem}.event-vibe-card .card-title{font-size:.8rem}.event-vibe-card .vibe-message{font-size:.75rem}}.thank-you-modal{text-align:center;max-width:400px}.thank-you-content{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.thank-you-icon{margin-bottom:.5rem}.thank-you-message{color:#00fff7;margin:0;font-size:1.5rem;font-weight:600}.thank-you-description{color:#d1d5db;margin:0;font-size:1rem;line-height:1.5}.tip-suggestion{background:#10b9811a;border:1px solid #10b9814d;border-radius:.75rem;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0;padding:1.5rem;display:flex}.tip-suggestion h4{color:#10b981;margin:0;font-size:1.1rem;font-weight:600}.tip-suggestion p{color:#9ca3af;margin:0;font-size:.9rem}.tip-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.tip-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.thank-you-actions{margin-top:1rem}.close-button{color:#9ca3af;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.9rem;transition:all .2s}.close-button:hover{color:#fff;background:#fff3}.event-info-section{background:#0003;border:1px solid #ffffff1a;border-radius:.75rem;margin:1.5rem 0;padding:1rem}.guidelines-group{margin-bottom:1rem}.guidelines-group:last-child{margin-bottom:0}.guidelines-group textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:.5rem;font-size:.9rem;line-height:1.4;transition:border-color .2s}.guidelines-group textarea:focus{border-color:#00fff7;outline:none}.guidelines-group textarea::placeholder{color:#9ca3af}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}