.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.header .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.05em}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s;font-size:.95rem}.nav a:hover,.nav a.active{opacity:.8}.theme-toggle{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.theme-toggle img{width:20px;height:20px}.main{min-height:100vh;padding-top:80px}.footer{background:#00000080;padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.nav{gap:1rem;flex-wrap:wrap;justify-content:center}}.home{min-height:100vh}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg-animated{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000,#1a0033,#303,#4d0066,#303,#1a0033);background-size:400% 400%;animation:gradientShift 20s ease infinite;z-index:0}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-bg-fallback:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(37,211,102,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,215,0,.05) 0%,transparent 50%);animation:particleFloat 20s ease-in-out infinite}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.5}50%{transform:translateY(-20px) scale(1.1);opacity:.8}}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.7) 100%)}.hero-content{position:relative;z-index:10;text-align:center;padding:4rem 2rem}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:1.5rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.btn{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary{background:gold;color:#000;min-width:200px}.btn-primary:hover{background:#ffc700;transform:translateY(-2px);box-shadow:0 10px 20px #ffd7004d}.btn-secondary{background:#25d366;color:#fff;min-width:180px}.btn-secondary:hover{background:#20ba5a;transform:translateY(-2px)}.btn img{width:20px;height:20px}.share-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.how-it-works{padding:6rem 0;background:#ffffff05}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.step{text-align:center;padding:2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.step-number{width:60px;height:60px;border-radius:50%;background:gold;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1.5rem;margin-bottom:.5rem}.step p{opacity:.8;line-height:1.6}.key-benefits{padding:6rem 0}.key-benefits h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.benefit{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:1.1rem}.checkmark{color:#25d366;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.share-buttons{flex-direction:column;width:100%}.btn-secondary{width:100%}}.create-event-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.create-event-content{max-width:800px;width:100%;background:#ffffff0d;padding:3rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-indicator{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative}.step-indicator:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:#ffffff1a;z-index:0}.step{position:relative;z-index:1;background:#ffffff0d;padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;color:#ffffff80;border:2px solid rgba(255,255,255,.1)}.step.active{background:gold;color:#000;border-color:gold;font-weight:600}.event-details-step,.payment-step{display:flex;flex-direction:column;gap:1.5rem}.event-details-step h2,.payment-step h2{font-size:2rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.95rem}.form-group input,.form-group textarea{padding:.75rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:gold}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:none;border-radius:6px;cursor:pointer}.color-input-group input[type=text]{flex:1}.card-element-wrapper{padding:1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px}.payment-info{font-size:1.2rem;text-align:center;padding:1rem;background:#ffd7001a;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.payment-actions{display:flex;gap:1rem}.error-message{color:#f44;padding:.75rem;background:#ff44441a;border-radius:6px;border:1px solid rgba(255,68,68,.3);font-size:.9rem}.success-step{text-align:center}.success-content{display:flex;flex-direction:column;gap:2rem}.success-icon{width:80px;height:80px;margin:0 auto;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700}.success-content h2{font-size:2rem}.event-link-section,.qr-section{display:flex;flex-direction:column;gap:1rem;text-align:left}.link-container{display:flex;gap:.5rem}.link-container input{flex:1;padding:.75rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px}.copy-btn{padding:.75rem 1.5rem;background:#25d366;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.qr-container{display:flex;justify-content:center;padding:1.5rem;background:#fff;border-radius:12px;margin:1rem 0}.download-qr-btn{padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-weight:600}.success-actions{display:flex;gap:1rem;justify-content:center}.btn{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover:not(:disabled){background:#ffc700;transform:translateY(-2px);box-shadow:0 10px 20px #ffd7004d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.create-event-content{padding:2rem 1.5rem}.step-indicator{flex-direction:column;gap:.5rem}.step-indicator:before{display:none}.form-row{grid-template-columns:1fr}.presets-grid{grid-template-columns:repeat(2,1fr)}.payment-actions,.success-actions{flex-direction:column}}.dj-dashboard{min-height:calc(100vh - 80px);padding:4rem 2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:2.5rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:#ffffff0d;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center}.stat-card h3{font-size:1rem;opacity:.8;margin-bottom:1rem;font-weight:500}.stat-value{font-size:2.5rem;font-weight:700;color:gold}.dashboard-content{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.events-section h2,.analytics-section h2{font-size:2rem;margin-bottom:2rem}.events-grid{display:flex;flex-direction:column;gap:1rem}.event-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s}.event-card:hover{border-color:#ffd70080;transform:translateY(-2px)}.event-card.selected{border-color:gold;background:#ffd7001a}.event-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.event-card-header h3{font-size:1.3rem;margin:0}.event-date{font-size:.9rem;opacity:.7}.event-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.event-stat{display:flex;gap:.5rem}.event-stat .label{opacity:.7}.event-stat .value{font-weight:600;color:gold}.event-actions{display:flex;gap:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:gold;color:#000}.btn-primary:hover{background:#ffc700;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.no-events{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.no-events p{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.analytics-section{background:#ffffff08;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.time-range-selector{display:flex;gap:.5rem}.time-range-selector button{padding:.5rem 1rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s}.time-range-selector button:hover{border-color:#ffd70080}.time-range-selector button.active{background:gold;color:#000;border-color:gold}.analytics-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.analytics-stat{background:#ffffff0d;padding:1.5rem;border-radius:8px;text-align:center}.analytics-stat label{display:block;font-size:.9rem;opacity:.7;margin-bottom:.5rem}.analytics-stat .value{font-size:2rem;font-weight:700;color:gold}.charts-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}.chart-card{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.chart-card h3{margin-bottom:1rem;font-size:1.2rem}.share-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.share-section h3{margin-bottom:1rem}.share-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:2rem}.share-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.email{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.qr-section{text-align:center}.qr-section h4{margin-bottom:1rem}.qr-display{display:inline-flex;padding:1.5rem;background:#fff;border-radius:12px}.loading{text-align:center;padding:4rem;font-size:1.2rem;opacity:.7}@media (max-width: 1200px){.dashboard-content{grid-template-columns:1fr}}@media (max-width: 768px){.dj-dashboard{padding:2rem 1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.analytics-stats{grid-template-columns:1fr}.share-buttons{flex-direction:column}.share-btn{width:100%}}.tip-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,var(--secondary-color, #000) 0%,#1a1a1a 100%);display:flex;align-items:center;justify-content:center}.tip-container{max-width:600px;width:100%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.event-header{text-align:center;margin-bottom:2rem}.event-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color, #FFD700) 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.event-description{opacity:.8;font-size:1.1rem}.tip-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.stat{background:#ffffff0d;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:.9rem;opacity:.7;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color, #FFD700)}.tip-form{display:flex;flex-direction:column;gap:1.5rem}.amount-selection label{display:block;margin-bottom:1rem;font-weight:500}.preset-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.preset-btn{padding:1rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.preset-btn:hover{border-color:var(--primary-color, #FFD700);background:#ffd7001a;transform:translateY(-2px)}.preset-btn.active{border-color:var(--primary-color, #FFD700);background:var(--primary-color, #FFD700);color:#000}.custom-amount{display:flex;flex-direction:column;gap:.5rem}.custom-amount input{padding:1rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px;font-size:1.1rem}.custom-amount input:focus{outline:none;border-color:var(--primary-color, #FFD700)}.tipper-info{display:flex;flex-direction:column;gap:1rem}.tipper-info input,.tipper-info textarea{padding:1rem;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:8px;font-size:1rem;font-family:inherit}.tipper-info input:focus,.tipper-info textarea:focus{outline:none;border-color:var(--primary-color, #FFD700)}.tipper-info textarea{resize:vertical}.tip-submit-btn{padding:1.25rem 2rem;background:var(--primary-color, #FFD700);color:#000;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s}.tip-submit-btn:hover:not(:disabled){background:#ffc700;transform:translateY(-2px);box-shadow:0 10px 30px #ffd70066}.tip-submit-btn:disabled{opacity:.6;cursor:not-allowed}.recent-tips{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.recent-tips h3{margin-bottom:1rem;font-size:1.3rem}.tips-list{display:flex;flex-direction:column;gap:.75rem}.tip-item{background:#ffffff08;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.tip-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tipper-name{font-weight:600;color:var(--primary-color, #FFD700)}.tip-amount{font-weight:700;font-size:1.1rem}.tip-message{opacity:.8;margin-bottom:.5rem;font-style:italic}.tip-time{font-size:.85rem;opacity:.6}.loading,.error{text-align:center;padding:4rem;font-size:1.2rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary-color, #FFD700);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{font-size:1.2rem;opacity:.8}.error-container h2{font-size:2rem;margin-bottom:1rem;color:#f44}.error-container p{font-size:1.1rem;opacity:.8}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}.loading-tips{text-align:center;padding:2rem;opacity:.7}@media (max-width: 768px){.tip-container{padding:2rem 1.5rem}.event-header h1{font-size:2rem}.preset-amounts{grid-template-columns:repeat(2,1fr)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;overflow-x:hidden}#root{min-height:100vh}