@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Mono,Courier New,Courier,monospace}body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:#0a0a0a;color:#ccc;overflow:hidden}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.particle{position:absolute;background-color:#00ff0026;border-radius:50%;opacity:0;animation:float-particles linear infinite}@keyframes float-particles{0%{transform:translate(0) scale(0);opacity:0}25%,75%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}.dashboard-container{width:95%;max-width:1400px;height:auto;margin:0 auto;position:relative;z-index:1;background:rgba(10,25,10,.85);border:1px solid rgba(0,255,0,.3);border-radius:8px;box-shadow:0 0 30px #00ff0026,inset 0 0 15px #00000080;overflow:hidden}.dashboard-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 1px,transparent 1px,transparent 3px);animation:scanlines 15s linear infinite;pointer-events:none;z-index:2}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100px}}.dashboard-header{padding:20px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,255,0,.3);background:rgba(0,0,0,.3)}.logo-and-title{display:flex;align-items:center;gap:15px}.dashboard-logo{height:31px;transition:transform .3s ease}.dashboard-logo:hover{transform:scale(1.1) rotate(5deg)}.header-title{font-size:1.5rem;color:#ccc;font-weight:500;text-transform:uppercase}.user-greeting{display:flex;align-items:center;gap:15px}.user-details{text-align:right}#header-username{color:#0f0;cursor:pointer;font-size:1.1rem;text-shadow:0 0 8px rgba(0,255,0,.5)}#header-username:hover{text-decoration:underline}#header-email{color:#888;font-size:.8rem}#header-username-input{background-color:#0a0a0a;border:1px solid rgba(0,255,0,.4);color:#0f0;padding:4px 6px;border-radius:4px;width:300px;text-align:right}.profile-pic{width:44px;height:44px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid rgba(0,255,0,.4);transition:all .3s ease}.profile-pic:hover{border-color:#0f0;box-shadow:0 0 15px #00ff0080}.dropdown-menu{display:none;position:absolute;top:60px;right:0;background:rgba(10,25,10,.95);min-width:160px;z-index:100;border-radius:4px;border:1px solid rgba(0,255,0,.3);overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown-menu.show{display:block}#logout-btn{background:none;border:none;color:#00ff00b3;padding:12px 16px;text-decoration:none;display:block;width:100%;text-align:left;cursor:pointer;font-size:1rem;transition:all .2s ease;text-transform:uppercase}#logout-btn:hover{background-color:#00ff001a;color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.7)}.dashboard-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0;background:rgba(0,255,0,.3)}.card{background:rgba(10,25,10,.85);padding:30px 25px;position:relative;transition:none;border:none;border-radius:0}.card-header{color:#27c93f;font-size:1.5rem;margin-bottom:25px;font-weight:700;text-shadow:0 0 10px rgba(39,201,63,.6);position:relative}.card-header:after,.card-header:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;overflow:hidden;clip-path:inset(50% 0 50% 0)}.card-header:hover:before{left:2px;text-shadow:-1px 0 #ff00c1;animation:text-glitch-effect 1.5s infinite linear alternate-reverse}@keyframes text-glitch-effect{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}60%{transform:translate(-3px,-3px)}80%{transform:translate(3px,3px)}to{transform:translate(0)}}.credits-showcase{padding:20px;text-align:center;border:1px solid rgba(0,255,0,.2);background:rgba(0,0,0,.2);border-radius:4px;margin-bottom:24px}.credits-number{font-size:4rem;font-weight:700;color:#0f0;margin-bottom:8px;text-shadow:0 0 15px rgba(0,255,0,.6);line-height:1}.credits-label,.credits-expiry{font-size:1rem;color:#888;font-weight:500}.credits-label:before,.credits-expiry:before{content:"// "}.account-details{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,255,0,.1)}.detail-item-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.meta-label{font-size:1rem;color:#888}.meta-value{font-size:1rem;color:#ccc}.status-badge{display:inline-block;padding:4px 8px;font-size:.9rem;font-weight:700;border:1px solid;text-transform:uppercase}.status-badge.active{color:#0f0;border-color:#00ff0080}.status-badge.active:before{content:"[ACTIVE] "}.status-badge.expired{color:#ff4500;border-color:#ff450080}.status-badge.expired:before{content:"[EXPIRED] "}.status-badge.inactive{color:#888;border-color:#88888880}.status-badge.inactive:before{content:"[INACTIVE] "}.billing-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.billing-details{display:flex;flex-direction:column;gap:15px;margin-bottom:24px}.detail-item{display:flex;justify-content:space-between}.detail-label{font-size:.9rem;color:#888}.detail-value{font-size:.9rem;color:#ccc}.action-item{background:rgba(0,0,0,.2);border:1px solid rgba(0,255,0,.1);border-radius:4px;padding:16px;display:flex;justify-content:space-between;align-items:center}.action-title{font-size:1.1rem;font-weight:500;color:#ccc;margin-bottom:4px}.action-description{font-size:.9rem;color:#888}.action-description:before{content:"// "}.subscription-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,25,10,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:none;justify-content:center;align-items:center;text-align:center;border:1px solid rgba(0,255,0,.3)}.subscription-overlay.active{display:flex}.overlay-content{padding:30px}.overlay-content h3{color:#ccc;font-size:1.5rem;margin-bottom:15px;text-transform:uppercase}.overlay-expiry{color:#ff4500;font-size:1rem;margin-bottom:25px;font-weight:500}.overlay-expiry:before{content:"// STATUS: "}.deletion-header h3{font-size:1.2rem;color:#ccc;font-weight:500;margin-bottom:8px}.deletion-description{font-size:1rem;color:#888;line-height:1.5;margin-bottom:20px}.deletion-description:before{content:"// "}.warning-box{background:rgba(255,69,0,.1);border:1px solid rgba(255,69,0,.3);border-radius:4px;padding:16px;margin-bottom:20px}.warning-title{font-size:1rem;font-weight:700;color:#ff4500;margin-bottom:12px}.warning-list{list-style:none;margin:0;padding:0}.warning-list li{font-size:.9rem;color:#ccc;margin-bottom:6px;padding-left:20px;position:relative}.warning-list li:before{content:">";color:#ff4500;position:absolute;left:0;font-weight:700}.deletion-requirements p{font-size:1rem;color:#ccc;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:#888;font-size:.9rem;cursor:pointer}.custom-checkbox-label:before{content:"[ ]";font-family:Courier New,Courier,monospace;position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#888;font-size:1.2rem;white-space:pre}.deletion-checkbox{opacity:0;position:absolute;cursor:pointer}.deletion-checkbox:checked+.custom-checkbox-label:before{content:"[x]";color:#ff4500}.deletion-checkbox:checked+.custom-checkbox-label{color:#ccc}.btn{background:transparent;border:1px solid;font-family:Roboto Mono,monospace;font-size:1rem;padding:12px 20px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn:hover{background:rgba(255,255,255,.1);text-shadow:0 0 8px;color:#fff}.btn.btn-primary{border-color:#0f06;color:#00ff00b3;width:100%}.btn.btn-primary:hover{border-color:#0f0;background:rgba(0,255,0,.1);color:#0f0}.btn.btn-danger{border-color:#ff450066;color:#ff4500b3}.btn.btn-danger:hover{border-color:#ff4500;background:rgba(255,69,0,.1);color:#ff4500}.btn-danger-filled{width:100%;background:transparent;border:1px solid rgba(136,136,136,.4);color:#888888b3;cursor:not-allowed;text-transform:uppercase;padding:14px}.btn-danger-filled:not(:disabled){border-color:#ff450066;color:#ff4500b3;cursor:pointer}.btn-danger-filled:not(:disabled):hover{border-color:#ff4500;background:rgba(255,69,0,.1);color:#ff4500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:1000}.modal-overlay.show{display:flex}.modal-content{max-width:600px;width:90%;background:rgba(10,25,10,.95);border:1px solid rgba(0,255,0,.3);border-radius:8px;box-shadow:0 0 25px #00ff0026;position:relative}.modal-header{padding:20px 30px;border-bottom:1px solid rgba(0,255,0,.2)}.modal-header-title{font-size:1.5rem;color:#ccc}.modal-close{position:absolute;top:15px;right:25px;color:#888;font-size:2rem;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#ff4500}.modal-body{padding:30px}.modal-actions{display:flex;justify-content:flex-end;gap:16px;padding:20px 30px;border-top:1px solid rgba(0,255,0,.2)}.modal-history-list{max-height:50vh;overflow-y:auto;padding-right:15px;display:flex;flex-direction:column;gap:12px}.history-item{background:rgba(0,0,0,.2);border:1px solid rgba(0,255,0,.1);border-radius:4px;padding:16px;display:flex;flex-direction:column;gap:8px}.history-top-row{display:flex;justify-content:space-between;align-items:center}.history-credits,.history-amount{font-size:1rem;color:#ccc}.history-date{font-size:.9rem;color:#888}.no-history-message{color:#888;text-align:center;padding:20px}.no-history-message:before{content:"// NO_TRANSACTIONS_LOGGED"}.modal-body p{font-size:1rem;color:#888;line-height:1.5;text-align:center}.hidden{display:none}.action-item.inactive-action{opacity:.6;background:rgba(0,0,0,.1)}.action-item.inactive-action .btn{cursor:not-allowed;background:transparent;border-color:#8886;color:#888888b3}.action-item.inactive-action .btn:hover{background:transparent;text-shadow:none;color:#888888b3}