:root{--accent-color:#6c5ce7}.body-profile{scroll-behavior:smooth;background-color:#000;background-image:radial-gradient(circle at 25% 25%,#8a2be21a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#8a2be21f 0%,#0000 50%);font-family:Orbitron,sans-serif}.profile-container-wrapper{border-bottom:1px solid #ffffff0d;width:100%;max-width:1900px;min-height:105vh}.profile-container{flex-direction:column;gap:1.5rem;margin-bottom:1rem;display:flex}.profile-body-wrapper{flex-direction:column;justify-content:center;gap:2rem;display:flex}.profile-header{-webkit-backdrop-filter:blur(24px);background:#100e19a6;border:1px solid #6c5ce726;border-top:none;border-radius:0 0 1.5rem 1.5rem;flex-direction:column;gap:2rem;margin-bottom:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 0 32px #6c5ce70d}.profile-banner{border-bottom:2px solid #6c5ce766;width:100%;height:220px;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000080}.profile-banner:after{content:"";pointer-events:none;background:linear-gradient(#100e1900 0%,#100e1999 60%,#100e19 100%);border-bottom:2px solid #6c5ce733;width:100%;height:60px;position:absolute;bottom:0;left:0}.avatar-and-name{z-index:2;align-items:center;gap:1rem;width:100%;margin-top:-110px;padding:0 2rem;display:flex;position:relative;overflow:hidden}.profile-avatar{background:#100e19cc;border:4px solid #6c5ce799;border-radius:50%;min-width:110px;max-width:140px;min-height:110px;max-height:140px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.profile-avatar:hover{transform:scale(1.05)}.profile-username{letter-spacing:1px;background:linear-gradient(135deg,#fff 0%,#a97efc 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #a97efc4d;-webkit-background-clip:text;margin-top:-15px;padding-bottom:5px;font-size:2.2rem;font-weight:800}.user-key-wrapper2{-webkit-backdrop-filter:blur(16px);background:#100e1966;border:1px solid #6c5ce726;border-radius:1rem;width:100%;max-width:750px;position:relative;box-shadow:0 10px 40px #0006}.user-key-wrapper2:before{content:"";background:linear-gradient(90deg,#0000,#6c5ce780,#0000);height:1px;position:absolute;top:0;left:0;right:0}.user-key{background:0 0;border-radius:1rem;width:100%;max-width:750px;max-height:1500px;padding:1.5rem}.user-key-tag-wrapper{width:100%;padding:.3rem}.user-key-tag{color:#fff9;font-size:.7rem}.user-key-footer-wrapper{flex-direction:column;gap:1rem;width:100%;padding:.6rem;display:flex}.user-key-info-wrapper{flex-direction:column;gap:.3rem;display:flex}.user-key-footer-stats-wrapper{scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-start;gap:.4rem;width:100%;max-width:100%;margin-bottom:.5rem;display:flex;overflow-x:auto}.user-key-footer-stats-wrapper::-webkit-scrollbar{display:none}.user-key-footer-stats{background:#100f1966;border-right:.05px solid #98989880;border-radius:1rem;align-items:center;gap:.4rem;font-family:monospace;font-size:.7rem;display:flex}.user-key-footer-stats-label{background:linear-gradient(135deg,#100e19cc,#14121ee6);border:1px solid #6c5ce740;border-radius:2rem;align-items:center;gap:.35rem;padding:.4rem .8rem;transition:all .3s;display:flex;box-shadow:0 2px 10px #0003}.user-key-footer-stats-label:hover{border-color:#6c5ce799;box-shadow:0 4px 15px #6c5ce733}.user-key-footer-stats-label>i{color:#4ade8080}.user-key-footer-stats-label>a{color:#fff6}.user-key-stats-value{color:#0ff6;padding:0 .5rem 0 0}.key-status-badge{letter-spacing:.5px;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 10px #0003}.key-status-badge.active{color:#0cce6b;background:#0cce6b26;border:1px solid #0cce6b4d}.key-status-badge.expired{color:#ff5e5b;background:#ff5e5b26;border:1px solid #ff5e5b4d;box-shadow:0 2px 10px #ff5e5b33}.user-key-wrapper,.user-status-wrapper{justify-content:center;align-items:center;width:100%;padding:0 1.5rem;display:flex}.profile-info{padding:1rem 2rem 2rem}.stats-grid{flex-wrap:wrap;gap:1.5rem;display:flex}.profile-stats{z-index:2;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-info{flex:1;min-width:250px}.profile-username,.profile-bio{color:var(--text-secondary)}.profile-joinDate{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin-top:-10px;padding:4px 12px;font-family:monospace;font-size:.85rem;display:inline-block}.profile-details{z-index:2;flex-wrap:wrap;justify-content:center;gap:.8rem;width:100%;margin-top:-5px;padding:0 1rem;display:flex}.detail-tag{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);letter-spacing:.5px;background:#100e1966;border:1px solid #6c5ce733;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-family:Neuton,serif;font-size:.75rem;transition:all .3s;display:flex;box-shadow:0 2px 10px #0003}.detail-tag:hover{color:#ffffffe6;background:#6c5ce71a;border-color:#6c5ce766;transform:translateY(-1px)}.detail-tag i{color:#6c5ce7cc;font-size:.85rem}.role-tag{text-transform:uppercase;letter-spacing:1px;font-weight:700}.role-dev{color:#ffc312;background:0 0;border:1px solid #ffc31280}.role-dev i{color:#ffc312}.role-dev:hover{background:#ffc3120d;border-color:#ffc312cc}.role-user{color:#00d2d3;background:0 0;border:1px solid #00d2d380}.role-user i{color:#00d2d3}.role-user:hover{background:#00d2d30d;border-color:#00d2d3cc}.stats-grid{flex-wrap:wrap;gap:1.5rem;margin-top:1rem;display:flex}.stat-item{text-align:center;background:#14162099;border:1px solid #ffffff0d;border-radius:8px;flex:1;min-width:100px;padding:1rem}.stat-value{background:linear-gradient(90deg, var(--accent-neon), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.stat-label{margin-top:.25rem;font-size:.9rem}.profile-tabs{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.tab{cursor:pointer;border-bottom:2px solid #0000;padding:.75rem 1rem;font-weight:500;transition:all .3s}.tab.active{border-color:var(--accent-neon);color:var(--accent-neon)}.tab:hover{color:var(--accent-purple)}.settings-button{z-index:100;border:.1px solid var(--accent-color);cursor:grab;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.1rem;text-decoration:none;transition:background .3s,transform .3s;display:flex;position:fixed}.settings-button:active{cursor:grabbing}.settings-button:hover{transform:scale(1.05)}.settings-button i{color:#6c5ce7cc;font-size:1.5rem}.profile-box-wrapper,.settings-wrapper{justify-content:center;width:100%;padding:1.5rem;display:flex;position:relative}.settings-wrapper.hidden{display:none}.profile-box,.settings-menu{-webkit-backdrop-filter:blur(24px);background:#100e19a6;border:1px solid #6c5ce726;border-radius:1rem;width:100%;max-width:750px;max-height:1500px;padding:1.5rem;overflow:hidden auto;box-shadow:0 8px 32px #0006}.setting-title{justify-content:center;width:100%;margin-bottom:1rem;display:flex}.setting-title>a{color:#6c5ce7cc;font-size:1.5rem}.api-detail-header{border-bottom:1px solid #6c5ce733;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.api-detail-title{flex-direction:column;gap:.2rem;display:flex}.api-detail-title h2{background:linear-gradient(90deg,#fff,#a97efc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.3rem;font-weight:700}.api-detail-title p{color:#ffffff80;margin:0;font-family:monospace;font-size:.75rem}.custom-dropdown-wrapper{min-width:250px;margin-left:auto;position:relative}.custom-dropdown-btn{cursor:pointer;background:#100e1999;border:1px solid #6c5ce74d;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;transition:all .3s;display:flex;box-shadow:0 2px 10px #0003}.custom-dropdown-btn:hover{background:#6c5ce71a;border-color:#6c5ce780}.selected-key-info{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.key-plan-badge{color:#a97efc;text-transform:uppercase;letter-spacing:.5px;background:#6c5ce733;border-radius:4px;padding:.1rem .4rem;font-size:.65rem}.key-masked-text{color:#ffffffe6;font-family:monospace;font-size:.85rem}.custom-dropdown-btn i{color:#6c5ce7cc;font-size:.8rem;transition:transform .3s}.custom-dropdown-menu{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#14121ef2;border:1px solid #6c5ce74d;border-radius:8px;flex-direction:column;gap:.3rem;width:max-content;min-width:100%;max-height:250px;padding:.5rem;animation:.2s ease-out slideDownFade;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;box-shadow:0 10px 40px #00000080}.custom-dropdown-menu::-webkit-scrollbar{width:4px}.custom-dropdown-menu::-webkit-scrollbar-track{background:0 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#6c5ce780;border-radius:4px}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{cursor:pointer;border-radius:6px;flex-direction:column;padding:.5rem .8rem;transition:all .2s;display:flex;position:relative}.custom-dropdown-item:hover{background:#6c5ce726}.custom-dropdown-item.active{background:#6c5ce740;border:1px solid #6c5ce766}.key-plan{color:#a97efc;font-size:.75rem;font-weight:600}.key-masked{color:#fff9;font-family:monospace;font-size:.8rem}.check-icon{color:#0cce6b;font-size:.9rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.setting-input-tag{color:#ffffff4d;font-size:.7rem}.settings-input-container{border-radius:5px;width:100%;padding:.5rem;font-family:Neuton,serif}.setting-input-text{color:#ffffff80;box-sizing:border-box;background-color:#0e0f1180;border:1px solid #333;border-radius:8px;width:90%;margin-top:4px;margin-bottom:15px;padding:.5rem;font-family:Neuton,serif;font-weight:400;transition:background-color .3s,box-shadow .3s,border-color .3s}.setting-input-text::placeholder{color:#6c6c6c}.setting-input-text:focus{background-color:#1c1c1c;border:.1px solid #ffffff1a}.setting-footer{width:100%}.process-loader{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.process-loader .circle{background:linear-gradient(75deg,#6c5ce7cc,#64646480);border-radius:50%;width:16px;height:16px;animation:1.5s ease-in-out infinite bounce}.process-loader .circle:nth-child(2){animation-delay:.3s}.process-loader .circle:nth-child(3){animation-delay:.6s}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.remove-image{color:#fff;cursor:pointer;z-index:200;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:17px;transition:background .3s;position:absolute;top:10px;right:10px}.remove-image:hover{background:#000000e6}.profile-upload-area{color:#ffffff4d;cursor:pointer;text-align:center;background-color:#0e0f1180;border:2px dashed #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:250px;min-width:200px;height:250px;min-height:200px;margin-bottom:12px;margin-left:auto;margin-right:auto;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.profile-upload-area input[type=file]{opacity:0;cursor:pointer;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.profile-upload-area.has-image input[type=file]{pointer-events:none;cursor:default}.profile-upload-area.has-image .upload-icon{display:none}.banner-upload-area{color:#ffffff4d;cursor:pointer;text-align:center;opacity:.8;background-color:#0e0f1180;border:3px dashed #666;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:175px;margin-bottom:12px;padding:10px;transition:all .3s;display:flex;position:relative;overflow:hidden}.result-image-area{padding:10px;position:relative}.banner-upload-area input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.banner-upload-area.has-image input[type=file]{pointer-events:none;cursor:default}.banner-upload-area.has-image .upload-icon{display:none}.loader-modern{justify-content:center;align-items:center;height:100px;display:flex;position:relative}.loader-modern .circle{background:linear-gradient(75deg,#6c5ce7cc,#64646480);border-radius:50%;width:16px;height:16px;animation:1.5s ease-in-out infinite bounce}.loader-modern .circle:nth-child(2){animation-delay:.3s}.loader-modern .circle:nth-child(3){animation-delay:.6s}.apiClaimContainer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1;background:#100e1980;border:1px solid #6c5ce733;border-radius:1.5rem;flex-direction:column;align-items:center;width:100%;max-width:750px;max-height:1500px;padding:2rem;font-family:Neuton,serif;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.apiClaimContainer:hover{transform:translateY(-2px);box-shadow:0 12px 40px #6c5ce733}.apiClaimContainer:before{content:"";z-index:-1;background:radial-gradient(circle,#0000 30%,#9898db4d 70%,#6c5ce72c 100%);width:200%;height:200%;animation:15s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow{filter:blur(30px);z-index:-1;background:radial-gradient(circle,#9898db4d 10%,#6c5ce72c 50%,#0000 70%);width:200px;height:200px;position:absolute;top:-100px;right:-100px}.apiIcon-wrapper{align-items:center;gap:1rem;width:100%;display:flex}.apiIcon{width:60px;height:60px;box-shadow:0 0 6px var(--accent-color), inset 0 0 6px var(--accent-color);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.apiIcon:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:200%;height:100%;animation:7s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}50%{left:100%}to{left:100%}}.keyIcon{color:var(--accent-color);font-size:30px}.title{margin-bottom:12px;font-size:24px;font-weight:700}.description{color:#e2e8f0;margin-bottom:24px;line-height:1.6}.btn-claim-wrapper{justify-content:center;width:100%;display:flex}.stats-key-feature-table-wrapper{border-radius:.5rem;max-height:300px;margin-bottom:1rem;overflow:auto}.stats-key-feature-table{border-collapse:separate;border-spacing:0 2px;border-radius:.5rem;width:100%;max-width:1200px;font-family:Inter,sans-serif}.stats-key-feature-table thead{background:#1f1f2480;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.stats-key-feature-table th{text-align:center;text-transform:uppercase;letter-spacing:.05rem;color:#ffffffbf;border-bottom:1px solid #ffffff1a;padding:.6rem;font-size:.5rem}.stats-key-feature-table td{text-align:center;background:#28282d66;border-bottom:1px solid #ffffff0d;padding:.6rem;font-size:.4rem;transition:background .3s}.stats-key-feature-table tr td:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.stats-key-feature-table tr td:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.stats-key-feature-table tr:hover td{cursor:pointer;background:#ffffff08}.th-success{color:#4ade80cc}.th-error{color:#ff5050cc}.topFeaturesHit,.topFeaturesToday{color:#4ade80cc}.topFeaturesMax{color:#ff0c}.topFeaturesInterval{color:#00ffff80}.endpoint{color:#fffc;font-family:monospace}.topRank{color:#4ade80b3}.tagIcon{color:#fffc;margin-left:.3rem;font-size:.7rem}.tag-wrapper{justify-content:space-between;width:100%;margin-top:-.2rem;margin-bottom:-.2rem;padding:.2rem;display:flex}.edit-icon,.edit-icon-check{background:#bfbfbf1a;border-bottom:.05px solid #fff3;border-radius:.25rem;padding:.2rem;font-size:.75rem;right:0}.edit-icon{color:#ffffff4d}.edit-icon-check{color:#4ade804d}.invalidKey-wrapper{justify-content:center;width:100%;display:flex}.invalidKey-info{color:#ff5050cc;font-size:.75rem}.apiKey-display{color:#ffffff80;box-sizing:border-box;background-color:#0e0f1180;border:1px solid #3c3c5e;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-family:Neuton,serif;font-size:.75rem;font-weight:400;display:flex}.api-key{letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;color:#fff6;max-width:85%;overflow:hidden}.toggle-visibility{cursor:pointer;color:#c1b6ff;opacity:.7;background:0 0;border:none;font-size:.75rem;transition:color .2s}.toggle-visibility:hover{color:#d4caff}.user-key-footer-tag{color:#ffffff4d;gap:.3rem;width:100%;font-size:.7rem;display:flex}.user-key-footer-tag>p{color:#ffffffb3}.edit-input-key{color:#ffffff80;box-sizing:border-box;background-color:#0e0f1180;border:1px solid #333;border-radius:8px;width:100%;padding:.5rem;font-family:Neuton,serif;font-weight:400;transition:background-color .3s,box-shadow .3s,border-color .3s}.edit-input-key::placeholder{color:#6c6c6c}.edit-input-key:focus{background-color:#1c1c1c;border:.1px solid #ffffff1a}@media (max-width:575.98px){.setting-title>a{font-size:1.2rem}.profile-upload-area{width:150px;height:150px;font-size:.7rem}.banner-upload-area{border:2px dashed #ffffff1a;font-size:.7rem}.edit-input-key,.setting-input-text{font-size:.75rem}}.dropdown-icon{color:var(--text-muted);font-size:.75rem;transition:transform .2s,color .2s}.dropdown-icon.rotated{color:var(--accent-color);transform:rotate(180deg)}.dropdown-options{-webkit-backdrop-filter:blur(6px);scrollbar-width:1px;z-index:1000;opacity:1;background:#1f1f2499;border:1px solid #ffffff14;border-radius:14px;width:90%;max-height:350px;font-family:Inter,sans-serif;animation:.4s dropdownSlideIn;position:absolute;top:calc(100% + .5rem);left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 40px #0006}.dropdown-option{color:#ffffffd9;cursor:pointer;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 15px;font-size:.65rem;transition:background .3s,color .3s;display:flex}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{color:#fff;background-color:#ffffff0d}.dropdown-option.selected{color:#adacaf7c;background-color:#ffffff06;font-weight:500}.dropdown-option.selected:after{content:"✓";color:var(--accent-color);font-size:.7rem}@keyframes dropdownSlideIn{0%{opacity:0;max-height:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;max-height:300px;transform:translate(-50%)translateY(0)}}