.custom-audio-player{width:100%;background:#3f5efb;background:radial-gradient(circle,#3f5efb 0,#fc466b 100%);border-radius:12px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 15px rgba(0,0,0,.1)}.player-controls{display:flex;align-items:center;grid-gap:15px;gap:15px;flex-wrap:wrap}.play-pause-btn{width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.play-pause-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,.4)}.play-pause-btn:disabled{opacity:.6;cursor:not-allowed}.time-info{display:flex;align-items:center;grid-gap:2px;gap:2px;font-size:14px;color:#fff;font-weight:500;font-family:monospace}.time-separator{margin:0 4px;opacity:.7}@media (max-width:768px){.custom-audio-player{padding:12px}.player-controls{flex-direction:column;grid-gap:12px;gap:12px}.play-pause-btn{order:1;width:60px;height:60px;font-size:20px}.time-info{order:2;font-size:12px;justify-content:center}}@media (max-width:480px){.custom-audio-player{padding:10px}.play-pause-btn{width:50px;height:50px;font-size:16px}.time-info{font-size:11px}}.waveform-container{margin-top:15px;width:100%;height:60px;background:rgba(0,0,0,.1);border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;transition:background-color .2s ease}.waveform-container:hover{background:rgba(0,0,0,.2)}.waveform-visualization{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 5px}.waveform-bar{width:2px;background:linear-gradient(0deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.6));border-radius:1px;transition:all .3s ease;animation:waveform-pulse 2s ease-in-out infinite}.waveform-bar:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.8));transform:scaleY(1.2)}@keyframes waveform-pulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.waveform-progress-overlay{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-radius:8px;z-index:2;pointer-events:none;transition:width .1s ease;overflow:hidden}.waveform-progress-overlay:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 0 4px rgba(102,126,234,.5)}@media (max-width:768px){.waveform-container{height:50px;margin-top:12px}.waveform-progress-overlay:after{width:3px}}@media (max-width:480px){.waveform-container{height:40px;margin-top:10px}.waveform-progress-overlay:after{width:2px}}.audio-recorder{max-width:900px;margin:0 auto;padding:30px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);color:#fff;transition:all .3s ease;min-height:auto;width:100%;position:relative;z-index:1}.audio-recorder h2{color:#fff;margin-top:30px;margin-bottom:15px;font-size:1.5em;padding-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.2);font-weight:700}.audio-recorder h3{color:hsla(0,0%,100%,.95);margin-top:20px;margin-bottom:10px;font-size:1.2em;font-weight:600}.error-message{background:rgba(255,0,0,.2);border:1px solid hsla(0,0%,100%,.3);padding:15px 20px;border-radius:12px;margin-bottom:20px;position:relative;justify-content:space-between;box-shadow:0 4px 12px rgba(255,0,0,.2)}.close-error,.error-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:flex;align-items:center}.close-error{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);font-size:1.5em;cursor:pointer;padding:0;width:30px;height:30px;justify-content:center;border-radius:50%;transition:all .3s ease}.close-error:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.permission-hint{background:rgba(255,193,7,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff;padding:15px 20px;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 12px rgba(255,193,7,.2)}.permission-hint p{margin:5px 0}.modulation-section,.recording-section,.resample-section{background:hsla(0,0%,100%,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:25px;border-radius:16px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 16px rgba(0,0,0,.1);opacity:1;max-height:10000px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);animation:expandSection .4s ease-out}.modulation-section:hover,.recording-section:hover,.resample-section:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}@keyframes expandSection{0%{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:10000px;margin-bottom:20px;padding-top:20px;padding-bottom:20px}}.section-description{color:hsla(0,0%,100%,.8);font-size:.95em;margin-bottom:15px;font-style:italic;line-height:1.5}.recording-controls{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-top:15px}.input-mode-selector{display:flex;grid-gap:10px;gap:10px;margin-bottom:15px}.mode-button{flex:1 1;padding:12px 24px;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;font-size:1em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;transition:all .3s ease;font-weight:600;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.mode-button:hover:not(:disabled){border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,100%,.2)}.mode-button.active{background:hsla(0,0%,100%,.3);color:#fff;border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 20px hsla(0,0%,100%,.3)}.mode-button:disabled{opacity:.6;cursor:not-allowed}.upload-controls{display:flex;flex-direction:column;grid-gap:10px;gap:10px;align-items:flex-start}.btn-upload{padding:12px 24px;border:1px solid rgba(220,53,69,.5);border-radius:12px;font-size:1em;cursor:pointer;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;transition:all .3s ease;font-weight:600;background:rgba(220,53,69,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;box-shadow:0 4px 12px rgba(220,53,69,.2)}.btn-upload:hover:not(:disabled){background:rgba(220,53,69,.4);border-color:rgba(220,53,69,.7);transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,53,69,.4)}.btn-upload:disabled{opacity:.6;cursor:not-allowed;background:rgba(108,117,125,.3);border-color:rgba(108,117,125,.5)}.upload-hint{font-size:.85em;color:hsla(0,0%,100%,.7);margin-top:5px;font-style:italic}#audio-file-input{display:none}.btn-download,.btn-record,.btn-resample,.btn-reset,.btn-stop{padding:12px 24px;border:none;border-radius:5px;font-size:1em;cursor:pointer;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;transition:all .3s ease;font-weight:500}.btn-record{background:rgba(220,53,69,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-record:hover:not(:disabled){background:rgba(220,53,69,.9);transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,53,69,.4)}.btn-stop{background:rgba(108,117,125,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-stop:hover{background:rgba(108,117,125,.9);transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,117,125,.4)}.btn-resample{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-resample:hover:not(:disabled){background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 6px 20px hsla(0,0%,100%,.3)}.btn-download{background:rgba(0,123,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff;margin-top:10px}.btn-download:hover{background:rgba(0,123,255,.9);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,123,255,.4)}.btn-reset{background:rgba(108,117,125,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-reset:hover{background:rgba(108,117,125,.9);transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,117,125,.4)}.btn-record:disabled,.btn-resample:disabled{opacity:.6;cursor:not-allowed}.recording-indicator{display:flex;align-items:center;grid-gap:10px;gap:10px;color:#fff;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.pulse{width:12px;height:12px;background-color:#dc3545;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.modulated-audio-section,.recorded-audio-section,.resampled-audio-section{margin-top:20px;padding:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 12px rgba(0,0,0,.1)}.audio-player{width:100%;margin:15px 0;max-width:100%}.audio-info{font-size:.9em;color:hsla(0,0%,100%,.8);margin:10px 0;font-style:italic}.audio-controls-row{margin-bottom:10px;display:flex;align-items:center}.loop-checkbox{display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95em;color:hsla(0,0%,100%,.9);padding:8px 12px;border-radius:8px;transition:all .2s ease}.loop-checkbox:hover{color:#fff;background-color:hsla(0,0%,100%,.1)}.loop-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#c2185b;border-radius:4px;transition:all .2s ease;flex-shrink:0}.loop-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.loop-checkbox input[type=checkbox]:checked{background-color:#c2185b;border-color:#c2185b}.resample-controls{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-top:15px}.resample-controls label{font-weight:600;color:hsla(0,0%,100%,.95);font-size:.95em;margin-bottom:8px;display:block;letter-spacing:.3px}.resample-controls select{border:1px solid hsla(0,0%,100%,.4);border-radius:12px;font-size:1em;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;font-family:inherit;color:#fff;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding:14px 40px 14px 16px;box-shadow:0 4px 12px rgba(0,0,0,.2);font-weight:500}.resample-controls select:hover:not(:disabled){box-shadow:0 6px 20px hsla(0,0%,100%,.2)}.resample-controls select:focus,.resample-controls select:hover:not(:disabled){border-color:hsla(0,0%,100%,.6);background:rgba(0,0,0,.4);transform:translateY(-1px)}.resample-controls select:focus{outline:none;box-shadow:0 0 0 4px hsla(0,0%,100%,.1),0 6px 20px hsla(0,0%,100%,.3)}.resample-controls select:disabled{background:hsla(0,0%,100%,.05);cursor:not-allowed;opacity:.6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='rgba(255,255,255,0.5)' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.modulation-controls{display:flex;flex-direction:column;grid-gap:20px;gap:20px;margin-top:15px}.modulation-controls label{font-weight:600;color:hsla(0,0%,100%,.95);font-size:.95em;margin-bottom:8px;display:block;letter-spacing:.3px}.frequency-input,.sample-rate-input{padding:14px 16px;border:1px solid hsla(0,0%,100%,.4);border-radius:12px;font-size:1em;width:100%;max-width:300px;font-family:inherit;color:#fff;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2);font-weight:500}.frequency-input::placeholder,.sample-rate-input::placeholder{color:hsla(0,0%,100%,.7)}.frequency-input:hover:not(:disabled),.sample-rate-input:hover:not(:disabled){border-color:hsla(0,0%,100%,.6);background:rgba(0,0,0,.4);box-shadow:0 6px 20px hsla(0,0%,100%,.2);transform:translateY(-1px)}.frequency-input:focus,.sample-rate-input:focus{outline:none;border-color:hsla(0,0%,100%,.6);background:rgba(0,0,0,.4);box-shadow:0 0 0 4px hsla(0,0%,100%,.1),0 6px 20px hsla(0,0%,100%,.3);transform:translateY(-1px)}.frequency-input:disabled,.sample-rate-input:disabled{background:hsla(0,0%,100%,.05);cursor:not-allowed;opacity:.6}.frequency-input[type=number]::-webkit-inner-spin-button,.frequency-input[type=number]::-webkit-outer-spin-button,.sample-rate-input[type=number]::-webkit-inner-spin-button,.sample-rate-input[type=number]::-webkit-outer-spin-button{opacity:1;height:30px;cursor:pointer}.input-hint{font-size:.85em;color:hsla(0,0%,100%,.7);margin-top:6px;margin-bottom:0;font-style:italic;line-height:1.4;padding-left:4px}.btn-modulate{background:rgba(220,53,69,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(220,53,69,.5);color:#fff;padding:12px 24px;border-radius:12px;font-size:1em;cursor:pointer;display:inline-flex;align-items:center;grid-gap:8px;gap:8px;transition:all .3s ease;font-weight:600;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 12px rgba(220,53,69,.2)}.btn-modulate:hover:not(:disabled){background:rgba(220,53,69,.4);border-color:rgba(220,53,69,.7);transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,53,69,.4)}.btn-modulate:disabled{opacity:.6;cursor:not-allowed;background:rgba(108,117,125,.3);border-color:rgba(108,117,125,.5)}.reset-section{text-align:center;margin-top:30px;padding-top:20px}.fa-spinner{animation:spin 1s linear infinite}.processing-indicator{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:15px 20px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#fff;font-weight:500;margin-top:15px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.processing-indicator i{color:#fff;font-size:1.2em}.form-group label{font-weight:600;color:hsla(0,0%,100%,.95);font-size:.95em;letter-spacing:.3px}.btn-modulate,.btn-resample{box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-modulate:active:not(:disabled),.btn-resample:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}.frequency-input:focus-visible,.resample-controls select:focus-visible,.sample-rate-input:focus-visible{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}input[type=email],input[type=number]:not(.frequency-input):not(.sample-rate-input),input[type=password],input[type=text]:not(.frequency-input):not(.sample-rate-input),textarea{transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.4);border-radius:12px;padding:12px 16px;font-weight:500}input[type=email]::placeholder,input[type=number]:not(.frequency-input):not(.sample-rate-input)::placeholder,input[type=password]::placeholder,input[type=text]:not(.frequency-input):not(.sample-rate-input)::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.7)}input[type=email]:focus,input[type=number]:not(.frequency-input):not(.sample-rate-input):focus,input[type=password]:focus,input[type=text]:not(.frequency-input):not(.sample-rate-input):focus,textarea:focus{outline:none;border-color:hsla(0,0%,100%,.6);background:rgba(0,0,0,.4);box-shadow:0 0 0 4px hsla(0,0%,100%,.1),0 6px 20px hsla(0,0%,100%,.3)}.modulation-controls>label:first-child,.resample-controls>label:first-child{margin-top:0}.resample-controls>:not(:last-child){margin-bottom:4px}.layer-config-box{padding:20px;border:1px solid hsla(0,0%,100%,.2);border-radius:16px;margin-bottom:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.layer-config-box:hover{border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.15);box-shadow:0 6px 20px hsla(0,0%,100%,.2);transform:translateY(-2px)}.layer-config-box.active{border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.2);box-shadow:0 8px 24px hsla(0,0%,100%,.3)}.preset-button{transition:all .2s ease;border-radius:8px;font-weight:500;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);color:#fff}.preset-button:hover:not(:disabled){background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,100%,.2)}.preset-button:active:not(:disabled){transform:translateY(0);background:hsla(0,0%,100%,.2)}.payment-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.payment-modal-content{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(255,248,250,.98));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid hsla(0,0%,100%,.8);padding:35px;border-radius:24px;max-width:550px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.5);color:#333}.payment-modal-content h2{margin-top:0;margin-bottom:10px;color:#2c3e50;font-size:1.8em;font-weight:700;text-align:center}.payment-modal-content p{color:#555;font-size:1em;line-height:1.6;margin-bottom:25px;text-align:center}.payment-modal-content label{display:block;font-weight:600;color:#2c3e50;font-size:.95em;margin-bottom:8px}.payment-modal-content input[type=email],.payment-modal-content input[type=number],.payment-modal-content input[type=text]{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;padding:14px 16px;font-weight:500;font-size:15px;width:100%;box-sizing:border-box;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.payment-modal-content input[type=email]::placeholder,.payment-modal-content input[type=number]::placeholder,.payment-modal-content input[type=text]::placeholder{color:#999}.payment-modal-content input[type=email]:focus,.payment-modal-content input[type=number]:focus,.payment-modal-content input[type=text]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 4px 12px rgba(0,0,0,.1)}.payment-modal-content input[type=email]:disabled,.payment-modal-content input[type=number]:disabled,.payment-modal-content input[type=text]:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.payment-modal-content #card-element{background:#fff!important;border:2px solid #e0e0e0!important;border-radius:12px!important;padding:14px 16px!important;min-height:50px!important;transition:all .3s ease!important;box-shadow:0 2px 4px rgba(0,0,0,.05)!important}.payment-modal-content #card-element:focus-within{border-color:#667eea!important;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 4px 12px rgba(0,0,0,.1)!important}.payment-modal-content #card-element .StripeElement{color:#333!important;font-size:15px!important;font-weight:500!important}.payment-modal-content #card-element .StripeElement--focus{color:#333!important}.payment-modal-content #card-element .StripeElement--invalid{color:#c33!important}.payment-modal-content #card-element .StripeElement--complete{color:#28a745!important}.payment-modal-content #card-element input{color:#333!important;background:transparent!important;font-size:15px!important;font-weight:500!important}.payment-modal-content #card-element input::placeholder{color:#999!important}.payment-modal-content button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;padding:14px 24px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3);width:100%}.payment-modal-content button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3d8f);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.payment-modal-content button:active:not(:disabled){transform:translateY(0)}.payment-modal-content button:disabled{background:#ccc;cursor:not-allowed;opacity:.6;box-shadow:none}.retro-recording-interface{display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px;padding:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1);position:relative}.recording-interface-top{grid-gap:20px;gap:20px;width:100%}.recording-interface-top,.recording-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.recording-stats{grid-gap:15px;gap:15px}.mic-container-wrapper{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .3s ease}.mic-container-wrapper.clickable:not(.recording):hover{transform:scale(1.05)}.mic-container-wrapper.clickable:not(.recording):active{transform:scale(.95)}.mic-circle-svg{position:absolute;top:50%;left:50%;width:130px;height:130px;margin-top:-65px;margin-left:-65px;pointer-events:none}.circle-svg{stroke:hsla(0,0%,100%,.6);stroke-width:3;fill:transparent;transition:all .3s ease}.circle-svg.recording{stroke-dasharray:300;stroke-dashoffset:300;animation:dash 3s ease-in-out infinite alternate}@keyframes dash{0%{stroke-dashoffset:300}to{stroke-dashoffset:0}}.mic-container-wrapper.recording .mic-circle-svg{animation:spinning 3s ease-in-out infinite alternate}@keyframes spinning{to{transform:rotate(1turn)}}.mic{position:absolute;top:50%;left:50%;width:85px;height:85px;margin-top:-42.5px;margin-left:-42.5px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;pointer-events:none}.mic.recording{transform:scale(1.128);animation:gone .5s ease .3s;animation-fill-mode:forwards}@keyframes gone{to{transform:scale(.5);opacity:0}}.mic__head{background:linear-gradient(45deg,hsla(0,0%,87.8%,.9) 50%,hsla(0,0%,100%,.9) 0);width:30px;height:64px;border-radius:30px;position:relative}.mic__head:after{content:"";position:absolute;top:10%;left:50%;background:hsla(0,0%,100%,.1);width:8px;height:20px;border-radius:inherit;transform:translateX(-50%)}.mic__neck{width:4px;height:17px}.mic__leg,.mic__neck{background:linear-gradient(45deg,hsla(0,0%,87.8%,.9) 50%,hsla(0,0%,100%,.9) 0)}.mic__leg{width:25px;height:4px;border-radius:50px}.recording-animation{position:absolute;top:50%;left:50%;width:85px;height:85px;margin-top:-42.5px;margin-left:-42.5px;transform:scale(.5);opacity:0;transition:all .3s ease 0s;pointer-events:none}.recording-animation.active{opacity:1;transform:scale(.98);transition-delay:.3s}.round{position:absolute;top:50%;background:hsla(0,0%,100%,.95);width:13px;height:13px;border-radius:50%;margin-top:-6.5px;margin-left:-6.5px;animation:recording 1s ease-in-out infinite;box-shadow:0 2px 4px rgba(0,0,0,.2)}.round:first-child{left:20%}.round:nth-child(2){left:50%;animation-delay:.15s}.round:last-child{left:80%;animation-delay:.3s}@keyframes recording{0%{transform:translateY(0)}30%{transform:translateY(-30%)}60%{transform:translateY(30%)}90%{transform:translateY(0)}}.nixie-timer{z-index:1;margin:0}.nixie-display{display:flex;grid-gap:4px;gap:4px;justify-content:center;align-items:center;padding:12px 20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nixie-digit,.nixie-tube{position:relative}.nixie-tube{width:32px;height:48px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;display:flex;align-items:center;justify-content:center}.nixie-number{font-size:1.8em;font-weight:600;color:hsla(0,0%,100%,.95);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",monospace;z-index:2;position:relative}.nixie-glow{display:none}.nixie-separator{display:flex;align-items:center;justify-content:center;width:12px;height:48px;font-size:1.5em;color:hsla(0,0%,100%,.6);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",monospace;font-weight:600}.decibel-meter-container{z-index:1;width:auto;min-width:150px;padding:12px 15px;background:hsla(0,0%,100%,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.decibel-meter-label{font-size:.75em;font-weight:600;letter-spacing:1px;color:hsla(0,0%,100%,.8);text-transform:uppercase;text-align:center;margin-bottom:10px}.decibel-meter{display:flex;flex-direction:column;grid-gap:8px;gap:8px;align-items:center}.meter-bar{width:100%;height:20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:10px;position:relative;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,rgba(0,255,100,.8),rgba(255,255,0,.8) 50%,rgba(255,136,0,.8) 75%,rgba(220,53,69,.8));border-radius:10px;transition:width .1s ease-out;position:relative}.meter-glow{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);animation:meterShine 2s ease-in-out infinite;pointer-events:none}@keyframes meterShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.meter-value{font-size:1.1em;font-weight:600;color:hsla(0,0%,100%,.95);letter-spacing:1px}@media (max-width:768px){.audio-recorder{padding:15px}.recording-controls{flex-direction:column;align-items:stretch}.retro-recording-interface{padding:15px;grid-gap:12px;gap:12px}.recording-interface-top{flex-direction:column;grid-gap:15px;gap:15px}.recording-stats{flex-direction:column;width:100%;grid-gap:12px;gap:12px}.mic-circle-svg,.mic-container-wrapper{width:110px;height:110px}.mic-circle-svg{margin-top:-55px;margin-left:-55px}.mic{width:70px;height:70px;margin-top:-35px;margin-left:-35px}.mic__head{width:25px;height:53px}.recording-animation{width:70px;height:70px;margin-top:-35px;margin-left:-35px}.nixie-tube{width:28px;height:42px}.nixie-number{font-size:1.5em}.decibel-meter-container{width:100%;max-width:100%;padding:12px}.btn-record,.btn-resample,.btn-stop{width:100%;justify-content:center}.frequency-input,.sample-rate-input{max-width:100%}.resample-controls select{width:100%}}.magical-footer{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:5;width:100%;flex-direction:column;grid-gap:1rem;gap:1rem}.magical-footer,.magical-footer-links{display:flex;justify-content:center;align-items:center}.magical-footer-links{flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.magical-footer-link{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:.25rem .5rem}.magical-footer-link:hover{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.magical-footer-separator{color:hsla(0,0%,100%,.6);font-size:.9rem}.magical-footer-copyright{color:hsla(0,0%,100%,.7);font-size:.85rem;text-align:center;margin-top:.5rem}@media (max-width:768px){.magical-footer{bottom:1rem}.magical-footer-link{font-size:.8rem}.magical-footer-links{grid-gap:.25rem;gap:.25rem}}@media (max-width:480px){.magical-footer{bottom:.5rem}.magical-footer-link{font-size:.75rem;padding:.2rem .4rem}}.magical-landing{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;background:linear-gradient(135deg,#880e4f,#c2185b 25%,#e91e63 50%,#f48fb1 75%,#fce4ec);background-size:400% 400%;animation:magicalGradient 15s ease infinite;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#fff}.magical-landing.tool-active{justify-content:flex-start;padding-top:2rem}.magical-canvas{width:100%;height:100%;z-index:1;pointer-events:none}.magical-canvas,.magical-nav{position:absolute;top:0;left:0}.magical-nav{right:0;display:flex;justify-content:flex-start;align-items:center;padding:1.5rem 2rem;z-index:10}.magical-logo-container,.magical-logo-container a{display:flex;align-items:center;transition:transform .3s ease}.magical-logo-container a{text-decoration:none}.magical-logo-container a:hover{transform:scale(1.05)}.magical-logo-icon{height:50px;width:auto;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));transition:filter .3s ease}.magical-logo-icon:hover{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}.magical-logo{font-size:2rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 20px rgba(255,182,194,.6),0 0 30px rgba(255,105,180,.4);animation:glow 2s ease-in-out infinite alternate;color:#fff}@keyframes glow{0%{text-shadow:0 0 20px rgba(255,182,193,.6),0 0 30px rgba(255,105,180,.4)}to{text-shadow:0 0 30px rgba(255,182,193,.9),0 0 50px rgba(255,105,180,.6),0 0 70px rgba(232,30,99,.4)}}.magical-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:800px;animation:fadeInUp 1s ease-out;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.magical-content.minimized{padding-top:1rem;padding-bottom:1rem;max-width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.magical-rose-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;position:relative;animation:fadeInUp 1s ease-out;transition:all .6s cubic-bezier(.4,0,.2,1)}.magical-rose-container.minimized{margin-bottom:.5rem;transform:translateY(-20px)}.magical-rose{max-width:100%;height:auto;background:transparent;filter:drop-shadow(0 0 30px rgba(255,182,193,.6)) drop-shadow(0 0 60px rgba(255,105,180,.4)) drop-shadow(0 0 90px rgba(233,30,99,.3));animation:roseFloat 4s ease-in-out infinite;transition:all .6s cubic-bezier(.4,0,.2,1)}.magical-rose.minimized{max-width:120px;max-height:120px;filter:drop-shadow(0 0 15px rgba(255,182,193,.4)) drop-shadow(0 0 30px rgba(255,105,180,.3)) drop-shadow(0 0 45px rgba(233,30,99,.2));animation:none}@keyframes roseFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.magical-subtitle{font-size:1.5rem;font-weight:300;line-height:1.6;margin-bottom:3rem;color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px hsla(0,0%,100%,.5),0 0 30px hsla(0,0%,100%,.3)}.magical-cta{margin-bottom:2rem}.magical-btn-hero{padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;border:1px solid hsla(0,0%,100%,.3);border-radius:50px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.1),0 0 20px hsla(0,0%,100%,.2);text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;overflow:hidden}.magical-btn-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.magical-btn-hero:hover:before{left:100%}.magical-btn-hero:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 48px rgba(0,0,0,.15),0 0 30px hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);color:#fff}.magical-btn-hero:active{transform:translateY(-1px) scale(1.02);background:hsla(0,0%,100%,.2)}.audio-tool-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem 2rem;z-index:3;position:relative;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.audio-tool-container .audio-recorder{background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:2rem;margin-top:1rem;width:100%;box-sizing:border-box}@media (max-width:768px){.magical-nav{padding:1rem 1.5rem}.magical-logo-icon{height:40px}.magical-logo{font-size:1.5rem}.magical-rose-container{margin-bottom:1rem}.magical-rose{max-width:80%}.magical-rose.minimized{max-width:80px;max-height:80px}.magical-subtitle{font-size:1.2rem}.magical-btn-hero{padding:1rem 2rem;font-size:1.1rem}.audio-tool-container{padding:0 .5rem 1rem}.audio-tool-container .audio-recorder{padding:1rem;border-radius:15px}.magical-content.minimized{padding-top:.5rem;padding-bottom:.5rem}.magical-rose-container.minimized{transform:translateY(-10px)}}.paypal-success-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.paypal-success-content{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.1)}.status-icon{width:80px;height:80px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.status-icon.processing{background:#f0f0f0;color:#667eea}.status-icon.success{background:#4caf50;color:#fff}.status-icon.error{background:#f44336;color:#fff}.spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h2{margin:20px 0 10px;color:#333;font-size:24px}p{color:#666;margin:10px 0;line-height:1.6}.continue-button,.retry-button{margin-top:20px;padding:12px 30px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .3s}.continue-button:hover,.retry-button:hover{background:#5568d3}.retry-button{background:#f44336}.retry-button:hover{background:#d32f2f}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:20px;position:relative;overflow-x:hidden}.admin-dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(79,172,254,.3) 0,transparent 50%);pointer-events:none;z-index:0}.admin-header{display:flex;justify-content:space-between;align-items:center;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);padding:20px 30px;border-radius:20px;margin-bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative;z-index:1}.admin-header h1{margin:0;color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.admin-header-actions{display:flex;align-items:center;grid-gap:15px;gap:15px}.admin-header-actions span{color:#fff;font-weight:500}.admin-header-actions button{padding:10px 20px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease}.admin-header-actions button:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.admin-tabs{display:flex;grid-gap:10px;gap:10px;margin-bottom:20px;flex-wrap:wrap;position:relative;z-index:1}.admin-tabs button{padding:12px 24px;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.admin-tabs button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.admin-tabs button:hover:before{left:100%}.admin-tabs button:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.admin-tabs button.active{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.4);box-shadow:0 4px 20px hsla(0,0%,100%,.3);transform:translateY(-2px)}.admin-content{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);padding:30px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);position:relative;z-index:1}.admin-section h2{margin-top:0;color:#fff;font-size:24px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:25px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);padding:25px;border-radius:16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.3)}.stat-card h3{margin:0 0 15px;font-size:13px;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-value{font-size:36px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-subtitle{margin-top:8px;font-size:12px;color:hsla(0,0%,100%,.7)}.data-section{margin-top:30px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);padding:25px;border-radius:16px;margin-bottom:25px}.data-section h3{margin-bottom:20px;color:#fff;font-size:18px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.2)}.chart-container{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);padding:25px;border-radius:16px;margin-bottom:25px}.chart-container h3{color:#fff;margin-bottom:20px;font-size:18px;font-weight:600}.bar-chart{display:flex;align-items:flex-end;grid-gap:12px;gap:12px;height:200px;padding:20px 0}.bar-item{flex:1 1;display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;min-width:40px}.bar{width:100%;background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2));transition:all .3s ease;position:relative;overflow:hidden}.bar,.bar:before{border-radius:8px 8px 0 0}.bar:before{content:"";position:absolute;top:0;left:0;right:0;height:30%;background:hsla(0,0%,100%,.3)}.bar:hover{transform:scaleY(1.05);box-shadow:0 4px 20px hsla(0,0%,100%,.3)}.bar-label{color:hsla(0,0%,100%,.9);font-size:11px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.bar-value{color:#fff;font-size:12px;font-weight:700;margin-top:5px}.pie-chart-container{display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.pie-chart{width:200px;height:200px;border-radius:50%;background:conic-gradient(from 0deg,rgba(102,126,234,.8) 0,rgba(118,75,162,.8) 25%,rgba(240,147,251,.8) 50%,rgba(79,172,254,.8) 75%,rgba(0,242,254,.8) 100%);position:relative;box-shadow:0 8px 32px rgba(0,0,0,.2)}.pie-chart:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:2px solid hsla(0,0%,100%,.2)}.pie-legend{flex-direction:column;margin-left:30px}.pie-legend,.pie-legend-item{display:flex;grid-gap:10px;gap:10px}.pie-legend-item{align-items:center;color:#fff;font-size:14px}.pie-legend-color{width:20px;height:20px;border-radius:4px;border:1px solid hsla(0,0%,100%,.3)}.horizontal-bar-chart{display:flex;flex-direction:column;grid-gap:15px;gap:15px;padding:20px 0}.horizontal-bar-item{display:flex;align-items:center;grid-gap:15px;gap:15px}.horizontal-bar-label{min-width:120px;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600}.horizontal-bar-wrapper{flex:1 1;height:30px;background:hsla(0,0%,100%,.1)}.horizontal-bar,.horizontal-bar-wrapper{border-radius:15px;overflow:hidden;position:relative}.horizontal-bar{height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.2));transition:width .5s ease}.horizontal-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.horizontal-bar-value{min-width:60px;text-align:right;color:#fff;font-size:14px;font-weight:700}table{width:100%;border-collapse:collapse;margin-top:10px;background:hsla(0,0%,100%,.05);border-radius:12px;overflow:hidden}table td,table th{padding:15px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff}table th{font-weight:600;color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:1px}table th,table tr:hover{background:hsla(0,0%,100%,.1)}table tr:last-child td{border-bottom:none}.admin-error,.admin-loading{text-align:center;padding:100px 20px;color:#fff}.admin-error-message{background:rgba(255,0,0,.2);padding:15px 20px;border-radius:12px;margin-bottom:20px;border:1px solid hsla(0,0%,100%,.2)}.admin-error-message,.pagination-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.pagination-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;background:hsla(0,0%,100%,.1);border-radius:12px;flex-wrap:wrap;grid-gap:10px;gap:10px}.pagination-controls button{padding:8px 16px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.pagination-controls button:hover:not(:disabled){background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;grid-gap:5px;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:15px}.pagination-numbers button{padding:8px 12px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;min-width:40px}.pagination-numbers button:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}.pagination-numbers button.active{background:hsla(0,0%,100%,.4);border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 12px hsla(0,0%,100%,.3)}@media (max-width:768px){.admin-dashboard{padding:10px}.admin-header{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.stats-grid{grid-template-columns:1fr}.admin-tabs{flex-direction:column}.admin-tabs button{width:100%}.bar-chart{flex-direction:column;height:auto}.bar-item{flex-direction:row;width:100%}.bar{height:30px;width:100%;border-radius:8px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container{width:100%;max-width:400px}.login-box{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.login-box h1{margin:0 0 10px;color:#333;font-size:28px;text-align:center}.login-subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.login-form{width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-error{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.login-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.legal-page-container{min-height:100vh;background:linear-gradient(135deg,#880e4f,#c2185b 25%,#e91e63 50%,#f48fb1 75%,#fce4ec);background-size:400% 400%;animation:magicalGradient 15s ease infinite;padding:4rem 2rem;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1050;pointer-events:auto}@keyframes magicalGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.legal-page-content{max-width:800px;width:100%;background:hsla(0,0%,94.1%,.95);border-radius:20px;padding:3rem;box-shadow:0 25px 80px rgba(0,0,0,.3);color:#333;position:relative;z-index:1051;pointer-events:auto}.legal-page-back{display:inline-block;color:#c2185b;text-decoration:none;margin-bottom:2rem;font-weight:500;transition:all .3s ease}.legal-page-back:hover{color:#880e4f;transform:translateX(-5px)}.legal-page-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(120deg,#880e4f,#c2185b 50%,#e91e63);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-body{line-height:1.8;font-size:1rem}.legal-page-body h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#4a5568!important;font-weight:600}.legal-page-body h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:#4a5568!important;font-weight:600}.legal-page-body p{margin-bottom:1rem}.legal-page-body ol,.legal-page-body ul{margin:1rem 0;padding-left:2rem}.legal-page-body li{margin-bottom:.5rem}.legal-page-body strong{color:#c2185b}.legal-page-body a{color:#c2185b;text-decoration:none}.legal-page-body a:hover{text-decoration:underline}@media (max-width:768px){.legal-page-container{padding:2rem 1rem}.legal-page-content{padding:2rem 1.5rem}.legal-page-title{font-size:2rem}}.contact-form{margin-top:2rem}.contact-form-group{margin-bottom:1.5rem}.contact-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568;font-size:.95rem}.contact-input,.contact-textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(194,24,91,.3);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:hsla(0,0%,100%,.9);color:#333;box-sizing:border-box}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:#c2185b;box-shadow:0 0 0 4px rgba(194,24,91,.1);background:#fff}.contact-input.error,.contact-textarea.error{border-color:#e74c3c}.contact-input.error:focus,.contact-textarea.error:focus{border-color:#e74c3c;box-shadow:0 0 0 4px rgba(231,76,60,.1)}.contact-textarea{resize:vertical;min-height:120px}.contact-input::placeholder,.contact-textarea::placeholder{color:#999}.contact-error{display:block;color:#e74c3c;font-size:.875rem;margin-top:.25rem}.contact-submit-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#c2185b,#e91e63);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(194,24,91,.3);margin-top:.5rem}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(194,24,91,.4);background:linear-gradient(135deg,#e91e63,#f48fb1)}.contact-submit-btn:active{transform:translateY(0)}.contact-form-success{text-align:center;padding:3rem 2rem;margin-top:2rem}.success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#c2185b,#e91e63);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.contact-form-success h3{color:#4a5568;margin-bottom:.5rem}.contact-form-success p{color:#666}.contact-server-errors{margin:1rem 0;padding:1rem;background-color:rgba(231,76,60,.1);border-left:3px solid #e74c3c;border-radius:4px}.contact-server-errors ul{margin:0;padding-left:1.5rem;color:#e74c3c}.contact-server-errors li{margin:.5rem 0}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width:768px){.contact-input,.contact-textarea{font-size:16px}.contact-submit-btn{padding:1rem 1.5rem}}.App{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(79,172,254,.3) 0,transparent 50%);pointer-events:none;z-index:0}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:"Inter","Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;letter-spacing:-.01em;line-height:1.6;color:#2d3748;overflow-x:hidden;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}