.panel-container h1{font-size:2em}.user-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:10px 15px;font-size:1.1em;background-color:rgb(0 0 0 / .1);border-radius:8px;color:#e0e0e0}.user-info-header strong{color:#fff}@media screen and (max-width:450px){.user-info-header{flex-direction:column}.user-info-header span{margin-bottom:6px}}.panel-container #tokenManagement h2{text-align:left;border-bottom:1px solid rgb(255 255 255 / .2)}#tokenList{color:#f0f0f0}#tokenList .no-tokens{text-align:center}#tokenForm button{margin:10px 0}#tokenForm small i{font-style:normal;font-weight:700;font-size:larger;color:#b4f4e6;text-shadow:#7f8c8d 1px 1px 0}.token-item{background-color:rgb(0 0 0 / .15);padding:15px;margin-bottom:10px;border-radius:8px;border-left:5px solid #8e44ad;color:#f0f0f0;display:flex;justify-content:space-between;align-items:flex-start}.token-details p{margin:5px 0;font-size:.95em;word-break:break-all}.token-details p:last-child{margin-bottom:0}.token-details strong{color:#fff}.token-value-container{display:inline-flex;align-items:center}.token-value{font-family:'Courier New',Courier,monospace;background-color:rgb(0 0 0 / .2);padding:5px 8px;border-radius:4px;display:inline-block;flex-grow:1;margin-right:10px;color:#f5f5f5;word-break:break-all}.time-left{font-style:italic;font-size:.9em;color:#bdc3c7}.time-left.expired{color:#e74c3c;font-weight:700}.toggle-visibility,.revoke-token-btn{margin-left:5px}.token-item.token-inactive{border-left-color:#7f8c8d;opacity:.65}.token-item.token-inactive .token-status-text{color:#e74c3c;font-weight:700}.token-item.token-active .token-status-text{color:#2ecc71;font-weight:700}.token-controls{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.button-small.toggle-active-btn[data-current-active="1"]{background-color:#f39c12}.button-small.toggle-active-btn[data-current-active="1"]:hover{background-color:#e67e22}.button-small.toggle-active-btn[data-current-active="0"]{background-color:#2ecc71}.button-small.toggle-active-btn[data-current-active="0"]:hover{background-color:#27ae60}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#fff0;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0s linear 0.3s}@media screen and (max-width:620px){.modal{padding:30px 1em;width:99vw}}.modal.show{opacity:1;visibility:visible;transition-delay:0s}.modal.hidden{display:none!important}.modal-content{background-color:rgb(44 62 80 / .99);color:#ecf0f1;margin:auto;padding:25px 30px;border-radius:12px;box-shadow:0 8px 25px rgb(0 0 0 / .35);width:90%;max-width:700px;position:relative;transform:translateY(-20px) scale(.98);opacity:0;transition:transform 0.3s cubic-bezier(.25,.8,.25,1),opacity 0.3s ease-in-out;transition-delay:0.05s}@media screen and (max-width:620px){.modal-content{padding:25px 1vw}}.modal.show .modal-content{opacity:1}.modal-close-button{color:#bdc3c7;position:absolute;top:15px;right:20px;font-size:32px;font-weight:700;line-height:1;transition:color 0.2s ease}.modal-close-button:hover,.modal-close-button:focus{color:#fff;text-decoration:none;cursor:pointer}.modal-content h2,.modal-content h3,.modal-content h4{color:#e1a7fc}.modal-content h2{text-align:center;margin-top:0;margin-bottom:30px;color:#fff;font-size:1.9em;font-weight:600;text-shadow:1px 1px 3px rgb(0 0 0 / .3)}.settings-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid rgb(255 255 255 / .2)}.settings-nav-item{background-color:#fff0;border:1px solid rgb(255 255 255 / .25);color:#bdc3c7;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,transform 0.1s ease;font-size:.95em;font-weight:500}.settings-nav-item:hover{background-color:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .4);color:#fff;transform:translateY(-1px)}.settings-nav-item.active{background-color:#8e44ad;color:#fff;border-color:#8e44ad;box-shadow:0 2px 8px rgb(142 68 173 / .3)}#settingsPasswordReauth{margin:10px auto;padding:20px;border:1px solid rgb(255 255 255 / .15);border-radius:8px;margin-bottom:20px;background-color:rgb(0 0 0 / .1)}#settingsPasswordReauth .form-group{max-width:350px;margin-left:auto;margin-right:auto}#settingsPasswordReauth .button{display:block;margin:25px auto 0 auto;min-width:200px}#settingsPasswordReauth h3{text-align:center;color:#ecf0f1;font-size:1.4em;margin-top:0;margin-bottom:15px}#settingsPasswordReauth p{text-align:center;color:#bdc3c7;font-size:.9em;margin-bottom:25px;max-width:90%;margin:5px auto}#settingsPasswordReauth .security-question{font-family:system-ui,monospace,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans',sans-serif}.settings-content-area{position:relative;min-height:250px;padding:0 5vw}.settings-section{display:none;animation:fadeInSetting 0.4s ease-out forwards}.settings-section.active{display:block}@media screen and (max-width:620px){.settings-content-area{padding:0 1vw}}@keyframes fadeInSetting{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.settings-section>h4{color:#fff;text-align:center;font-size:1.5em;margin-top:0;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid rgb(255 255 255 / .25);font-weight:600}.setting-subsection{margin-bottom:35px;padding:20px;background-color:rgb(255 255 255 / .03);border-radius:8px}.setting-subsection:last-of-type{margin-bottom:0}.setting-subsection h5{font-size:1.2em;color:#e0e0e0;margin-top:0;margin-bottom:18px;padding-bottom:8px;border-bottom:1px solid rgb(142 68 173 / .4)}.setting-subsection small{display:block;font-size:.85em;color:#95a5a6;margin-top:10px;line-height:1.4}.setting-subsection .form-group{margin-bottom:20px}.profile-display p{font-size:1.05em;color:#d0d0d0}.profile-display strong#settingsUsernameDisplay{color:#fff;background-color:rgb(142 68 173 / .3);padding:3px 8px;border-radius:4px}.sensitive-content-wrapper{display:none;animation:fadeInSensitiveContent 0.5s ease-out 0.2s forwards}.sensitive-content-wrapper.active{display:block}@keyframes fadeInSensitiveContent{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#apiTokensSettingsSection h4{text-align:center;color:#f0f0f0;font-size:1.5em;margin-bottom:25px}.api-toggle-group{display:flex;align-items:center;flex-wrap:wrap;gap:15px;padding:15px;background-color:rgb(0 0 0 / .1);border-radius:8px}label.toggle-label[for="masterUserApiToggle"]{font-weight:700;color:#e0e0e0;font-size:1.05em}input[type="checkbox"]#masterUserApiToggle:checked+label.toggle-switch-label[for="masterUserApiToggle"]{background:#8e44ad}input[type="checkbox"]#masterUserApiToggle:checked+label.toggle-switch-label[for="masterUserApiToggle"]:hover{background:#9b59b6}.setting-description{font-size:.9em;color:#bdc3c7;flex-basis:100%;line-height:1.5}.danger-text{color:#fcaea7;background-color:rgb(231 76 60 / .35);padding:12px 15px;border-radius:6px;border:1px solid rgb(231 76 60 / .6);margin-bottom:15px}.danger-text strong{color:#d12733;text-shadow:1px 1px 2px rgb(0 0 0 / .3)}.settings-section .form-group label{color:#e0e0e0}.settings-section input[type="text"],.settings-section input[type="password"],.settings-section input[type="url"]{width:calc(100% - 24px);padding:12px;border:1px solid rgb(255 255 255 / .3);border-radius:8px;background-color:rgb(255 255 255 / .2);color:#fff;font-size:16px}.settings-section input[type="text"]:focus,.settings-section input[type="password"]:focus,.settings-section input[type="url"]:focus{outline:none;border-color:#a29bfe;box-shadow:0 0 0 3px rgb(162 155 254 / .5)}.settings-section .message{padding:12px 15px;margin-top:15px;border-radius:8px;text-align:center;font-weight:500}.settings-section .message.success{background-color:#2ecc71;color:#fff}.settings-section .message.error{background-color:#e74c3c;color:#fff}input[type="checkbox"]#masterUserApiToggle{height:0;width:0;visibility:hidden;position:absolute}label.toggle-switch-label[for="masterUserApiToggle"]{cursor:pointer;text-indent:-9999px;width:50px;height:26px;background:#7f8c8d;display:inline-block;vertical-align:middle;border-radius:100px;position:relative;transition:background-color 0.3s}label.toggle-switch-label[for="masterUserApiToggle"]::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:0.3s}input[type="checkbox"]#masterUserApiToggle:checked+label.toggle-switch-label[for="masterUserApiToggle"]{background:#2ecc71}input[type="checkbox"]#masterUserApiToggle:checked+label.toggle-switch-label[for="masterUserApiToggle"]::after{left:calc(100% - 3px);transform:translateX(-100%)}.setting-description{font-size:.85em;color:#bdc3c7;margin-top:5px;flex-basis:100%}