@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:#0a0a0a;overflow:hidden}.hero-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-100;width:100%;height:100vh}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 12s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#a020f0,#6a0dad);top:10%;left:-10%;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#8a2be2,indigo);top:60%;right:-5%;animation-delay:2s}.orb-3{width:200px;height:200px;background:linear-gradient(135deg,#e0b0ff,#9370db);bottom:20%;left:50%;animation-delay:4s}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(50px,-30px) rotate(90deg)}50%{transform:translate(-40px,60px) rotate(180deg)}75%{transform:translate(70px,-70px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background-color:#ffffff4d;border-radius:50%;opacity:0;animation:float-particles linear infinite}@keyframes float-particles{0%{transform:translate(0) scale(0);opacity:0}25%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}.dashboard-container{width:90%;max-width:1400px;height:80%;margin:0 auto;position:relative;z-index:1;background:rgb(0 0 0 / .15);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:24px;border:1px solid rgb(255 255 255 / .1);overflow:hidden;box-shadow:0 25px 50px #0000004d}.header-title{font-size:28px;font-weight:700;color:#fff}.user-greeting{display:flex;align-items:center}.profile-pic{width:44px;height:44px;border-radius:50%;object-fit:cover;cursor:pointer}.dashboard-content{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:40px}.card{background:rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:16px;border:1px solid rgb(255 255 255 / .1);padding:24px;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.account-overview{text-align:center;position:relative;overflow:hidden}.account-overview:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a466ea,#6f39d4,#00bcd4);background-size:200% 100%;animation:rainbow-flow 4s ease infinite}@keyframes rainbow-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.account-overview h2{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px;text-shadow:0 2px 8px rgb(0 0 0 / .3)}.header-email{font-size:14px;color:#fff;margin-right:10px}.credits-showcase{background:linear-gradient(135deg,rgb(255 255 255 / .15) 0,rgb(255 255 255 / .05) 100%);border-radius:20px;padding:32px 24px;margin-bottom:24px;text-align:center;border:1px solid rgb(255 255 255 / .1);position:relative;overflow:hidden}.credits-showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent)}.credits-number{font-size:56px;font-weight:900;color:#fff;margin-bottom:12px;text-shadow:0 4px 20px rgb(0 0 0 / .4);letter-spacing:-2px;line-height:1}.credits-label{font-size:16px;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.credits-expiry{font-size:13px;color:#ffffffb3;font-weight:500;background:rgb(255 255 255 / .1);padding:8px 16px;border-radius:12px;display:inline-block;border:1px solid rgb(255 255 255 / .1)}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;color:#fff;border-radius:25px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#00c851 0,#007e33 100%);color:#fff}.status-badge.expired{background:linear-gradient(135deg,#c80000 0,#630000 100%);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#757575 0,#505050 100%);color:#fff}.status-badge.active:before{content:"●";color:#fff}.subscription-info{font-size:14px;color:#fffc;line-height:1.4}.expiry-info{color:#fff;font-size:12px}.evadus-info{padding:32px;position:relative;overflow:hidden}.evadus-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a466ea,#6f39d4,#00c851,#a466ea);background-size:200% 100%;animation:gradient-flow 3s ease infinite}@keyframes gradient-flow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.evadus-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.evadus-title-section h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.2}.evadus-badge{display:inline-block;background:linear-gradient(135deg,#a466ea 0,#6f39d4 100%);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #a466ea4d}.plan-info{display:flex;flex-direction:column}.plan-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.plan-price{font-size:18px;font-weight:700;color:#fff}.plan-price span{font-size:12px;color:#fff9;font-weight:400}.plan-button{padding:8px 16px;background:#7f44bb;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.plan-button:hover{background:#915cc5;transform:translateY(-1px)}.credits-header{text-align:center;margin-bottom:24px}.credit-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 12px;background:rgb(255 255 255 / .1);border-radius:12px;color:#fffc;border:1px solid rgb(255 255 255 / .15)}.logo-link{display:flex;align-items:center;text-decoration:none;margin-right:2px}.dashboard-logo{height:31px;width:auto;transition:transform .3s ease}.dashboard-logo:hover{transform:scale(1.1) rotate(5deg)}.switch.disabled-toggle .slider{background-color:#495057;cursor:not-allowed}.switch.disabled-toggle input:checked+.slider{background:#495057}.dashboard-header{background:rgba(53,53,53,.096);border-bottom:1px solid rgb(255 255 255 / .1);padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.logo-and-title{display:flex;align-items:center;gap:15px}.header-title{margin:0}.credit-amount{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.credit-price{font-size:24px;font-weight:800;color:#fff;margin-bottom:4px;line-height:1}.account-deletion{background:rgb(255 255 255 / .06);border:1px solid rgb(255 87 87 / .2);position:relative;overflow:hidden}.account-deletion:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#c80000,#660000,#db4011,#491100,#f54040);background-size:200% 100%;animation:rainbow-flow 4s ease infinite}@keyframes warning-pulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.deletion-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgb(255 255 255 / .1)}.warning-icon{font-size:24px;filter:drop-shadow(0 0 8px rgb(255 193 7 / .5))}.account-deletion h2{font-size:20px;font-weight:600;color:#fff;margin:0}.deletion-info h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.deletion-description{font-size:14px;color:#fffc;line-height:1.5;margin-bottom:20px}.warning-box{background:rgb(255 87 87 / .1);border:1px solid rgb(255 87 87 / .3);border-radius:12px;padding:16px;margin-bottom:20px}.warning-title{font-size:14px;font-weight:600;color:#ff6b6b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.warning-list{list-style:none;margin:0;padding:0}.warning-list li{font-size:13px;color:#ffffffe6;margin-bottom:6px;padding-left:16px;position:relative}.warning-list li:before{content:"•";color:#ff6b6b;position:absolute;left:0;font-weight:700}.deletion-requirements{margin-bottom:24px}.deletion-requirements p{font-size:14px;color:#fff;font-weight:500;margin-bottom:12px}.requirement-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;cursor:pointer}.custom-checkbox-label{padding-left:30px;position:relative;display:inline-block;line-height:20px;color:#fffc;font-size:13px;cursor:pointer}.custom-checkbox-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:4px;transition:all .2s ease}.custom-checkbox-label:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-60%) rotate(45deg);width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;opacity:0;transition:opacity .2s ease}.deletion-checkbox{opacity:0;position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;margin:0}.deletion-checkbox:checked+.custom-checkbox-label:before{background-color:#ff5757;border-color:#ff5757}.deletion-checkbox:checked+.custom-checkbox-label:after{opacity:1}.deletion-checkbox:focus+.custom-checkbox-label:before{box-shadow:0 0 0 2px #ff575780}.requirement-item label{font-size:13px;color:#fffc;cursor:pointer;line-height:1.4}.delete-account-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#6c757d 0%,#495057 100%);color:#fff9;border:1px solid rgb(255 255 255 / .1);border-radius:12px;font-size:14px;font-weight:600;cursor:not-allowed;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.delete-account-btn:not(:disabled){background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:#fff;cursor:pointer;border-color:#dc354580}.delete-account-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc354566;background:linear-gradient(135deg,#e74c3c 0%,#dc3545 100%)}.delete-account-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 4px 15px #dc35454d}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left .5s ease}.delete-account-btn:not(:disabled):hover .btn-glow{left:100%}.btn-text{position:relative;z-index:1}.evadus-billing{position:relative;overflow:hidden;background:rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgb(255 255 255 / .1);padding:24px;transition:all .3s ease}.evadus-billing:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a466ea,#6f39d4,#00bcd4);background-size:300% 100%;animation:subscription-flow 5s ease infinite}.evadus-billing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,rgb(164 102 234 / .3),rgb(111 57 212 / .2),rgb(0 200 81 / .3),rgb(0 188 212 / .2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:border-glow 4s ease infinite;pointer-events:none}@keyframes subscription-flow{0%,to{background-position:0 50%}33%{background-position:50% 50%}66%{background-position:100% 50%}}@keyframes border-glow{0%,to{opacity:.6}50%{opacity:1}}.subscription-overlay{position:absolute;top:0;left:0;width:102%;height:108%;background:rgba(0,0,0,.918);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:flex;justify-content:center;align-items:center;border-radius:16px;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.subscription-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.overlay-content{text-align:center;padding:30px;max-width:80%}.overlay-content h3{color:#fff;font-size:22px;margin-bottom:25px;font-weight:600}.reactivate-btn{padding:12px 35px;background:linear-gradient(135deg,#a466ea 0,#6f39d4 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #a466ea66}.overlay-expiry{color:#f99;font-size:16px;margin-bottom:25px;font-weight:500;text-shadow:0 0 8px rgb(255 0 0 / .3)}.reactivate-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #a466ea99}.billing-header{border-bottom:1px solid rgb(255 255 255 / .1);padding-bottom:20px;margin-bottom:20px}.billing-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.billing-title{font-size:20px;font-weight:600;color:#fff;margin:0}.billing-details{display:flex;justify-content:space-between;margin-bottom:24px;gap:20px}.detail-item{display:flex;flex-direction:column}.detail-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-value{font-size:14px;color:#fff;font-weight:500}.billing-actions{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.action-item{background:rgb(255 255 255 / .05);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.action-info{max-width:70%}.action-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.action-description{font-size:13px;color:#ffffffb3;line-height:1.4}.btn{padding:6px 15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid #fff0;white-space:nowrap}.btn-outline-danger{background-color:#fff0;color:#ff6b6b;border-color:#ff6b6b}.btn-outline-danger:hover{background-color:#ff6b6b;color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#495057;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background:linear-gradient(135deg,#00c851 0,#007e33 100%)}input:focus+.slider{box-shadow:0 0 1px #fff0}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.billing-footer{margin-top:auto;padding-top:20px;border-top:1px solid rgb(255 255 255 / .1);display:flex;justify-content:space-between;align-items:center}.footer-link{font-size:13px;color:#fffc;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#fff;text-decoration:underline}.account-details{margin-top:24px;padding-top:24px;border-top:1px solid rgb(255 255 255 / .1);text-align:left}.detail-item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;background:rgb(255 255 255 / .05);padding:12px 16px;border-radius:12px}.meta-label{font-size:14px;font-weight:500;color:#fffc}.meta-value{font-size:14px;font-weight:600;color:#fff;background-color:#ffffff1a;padding:4px 10px;border-radius:8px}.purchase-history .history-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:16px;text-align:center}.history-item{background:rgb(255 255 255 / .08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;border:1px solid rgb(255 255 255 / .1);transition:all .3s ease}.history-item:hover{transform:translate(4px);border-left:3px solid #a466ea}.history-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.history-credits,.history-amount{font-size:16px;font-weight:600;color:#fff}.history-date{font-size:13px;font-weight:500;color:#ffffffb3;align-self:flex-start}.no-history-message{text-align:center;padding:20px;font-size:14px;color:#fff9}.switch.disabled-toggle{opacity:.7;cursor:not-allowed}.switch.disabled-toggle .slider{cursor:not-allowed}.profile-dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:54px;right:0;background:#3a3a3a;min-width:140px;box-shadow:0 8px 25px #0000004d;z-index:100;border-radius:8px;border:1px solid rgb(255 255 255 / .1);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-menu.show{display:block}#logout-btn{background:none;border:none;color:#fffc;padding:12px 16px;text-decoration:none;display:block;width:100%;text-align:left;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease}#logout-btn:hover{background-color:#14141433}.toggle-and-timer-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cooldown-timer{display:none;background-color:#ffffff14;color:#ffffffb3;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;text-align:center;border:1px solid rgba(255,255,255,.1);white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:1000}.modal-overlay.show{display:flex}.modal-content{background:#18181B;border:1px solid rgb(255 255 255 / .1);border-radius:16px;padding:24px 32px;box-shadow:0 10px 40px #00000080;position:relative;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.modal-content .modal-header-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px;border-bottom:1px solid rgb(255 255 255 / .1);padding-bottom:16px;text-align:left}.modal-close{position:absolute;top:15px;right:25px;color:#aaa;font-size:32px;font-weight:700;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#fff}.modal-history-list{overflow-y:auto;padding-right:15px;margin-right:-15px;display:flex;flex-direction:column;gap:12px}.modal-history-list::-webkit-scrollbar{width:6px}.modal-history-list::-webkit-scrollbar-track{background:rgb(0 0 0 / .2);border-radius:10px}.modal-history-list::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:10px}.modal-history-list::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .5)}#view-history-btn{width:100%;padding:12px;background:rgb(255 255 255 / .1);color:#fff;border:1px solid rgb(255 255 255 / .2);font-weight:600;margin-top:10px}#view-history-btn:hover{background:rgb(255 255 255 / .15);border-color:#a466ea}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid rgb(255 255 255 / .1)}.btn-secondary{background:rgb(255 255 255 / .1);color:#fff;border:1px solid rgb(255 255 255 / .2)}.btn-secondary:hover{background:rgb(255 255 255 / .2)}#confirm-deletion-btn{width:auto!important}
