.container.auth-container,.container.panel-container{background-color:rgb(255 255 255 / .1);padding:30px;border-radius:15px;box-shadow:0 10px 25px rgb(0 0 0 / .2);width:calc(100% - 30px);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}@media screen and (max-width:620px){.container.auth-container,.container.panel-container{padding:30px 1vw;width:96vw}}.auth-container h1,.panel-container h1,.auth-container h2,.panel-container h2{text-align:center;color:#f0f0f0;text-shadow:1px 1px 2px rgb(0 0 0 / .2)}.auth-container{max-width:500px;overflow:hidden}.auth-container h1{font-size:1.8em;margin-bottom:0}.auth-form-swiper-container{position:relative;width:100%}.auth-form-swiper{display:flex;width:200%;transition:transform 0.3s ease-out;transform:translateX(0%)}.auth-section{width:50%;box-sizing:border-box;padding:0 5px;flex-shrink:0;transition:visibility 0.1s ease-out,opacity 0.1s ease-out}.auth-mode-info{margin-top:10px;margin-bottom:0;text-align:center;color:#3e3388;text-shadow:1px 1px 1px #97aeb4;font-style:italic;font-size:1.15em}.auth-buttons-container{display:flex;align-items:center}.auth-buttons-container.space-between{justify-content:space-between}.auth-buttons-container.flex-end{justify-content:flex-end}.auth-buttons-container .button.secondary{background-color:#6c757d;margin-right:10px}.auth-buttons-container .button.secondary:hover{background-color:#5a6268}.form-group label{display:block;margin-bottom:8px;font-size:1.1em;font-weight:700;color:#e0e0e0}.form-group input[type="text"],.form-group input[type="password"],.form-group input[type="url"]{width:calc(100% - 24px);padding:12px;border:1px solid rgb(255 255 255 / .6);border-radius:8px;background-color:rgb(255 255 255 / .4);color:#fff;font-family:monospace,Courier,'Courier New',sans-serif;font-size:1.1em;transition:border-color 0.3s,box-shadow 0.3s;box-sizing:border-box}.form-group input[type="text"]:focus,.form-group input[type="password"]:focus,.form-group input[type="url"]:focus{outline:none;border-color:#a29bfe;box-shadow:0 0 0 3px rgb(162 155 254 / .5)}.form-group input::placeholder{color:rgb(255 255 255 / .6);font-style:italic}.form-group small{display:block;margin-top:5px;font-size:.87em;font-weight:600;color:#fff}.button{background-color:#8e44ad;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1em;transition:background-color 0.15s ease-out;text-decoration:none;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.button:hover{background-color:#9569a6}.button.danger{background-color:#c0392b}.button.danger:hover{background-color:#e74c3c}.button.secondary{background-color:#70a3a5}.button.secondary:hover{background-color:#93c9cd}.button:disabled,button:disabled{background-color:#ccc;cursor:not-allowed}#backButton{background-color:#a29bfe}#backButton:hover{background-color:#b39ddb}#logoutButton{cursor:pointer}.button-small{padding:4px 8px;border:none;border-radius:6px;cursor:pointer;font-size:14px;box-shadow:0 2px 5px rgb(0 0 0 / .1);background-color:#7f8c8d;color:#fff;transition:background-color 0.3s}.button-small:hover{background-color:#95a5a6}.button-small.danger{background-color:#c0392b}.button-small.danger:hover{background-color:#e74c3c}.toggle-visibility.button-small{min-width:50px;background:#e67e22;color:#fff}.toggle-visibility.button-small:hover{background-color:#f39c12}.message{max-width:fit-content;margin:0 auto;padding:8px 12px;background:unset;margin-top:10px;border-radius:8px;border:1px solid #fff0;text-align:center;transition:background 0.2s ease}.message.hidden{display:none!important}.message.success{background:RGB(46 204 112 / .76);background:radial-gradient(circle,rgb(46 204 112) 90%,rgb(109 237 83 / .5) 100%);color:#fff;text-shadow:1px 1px 1px #5a6268;box-shadow:0 2px 5px rgb(46 204 113 / .3)}.message.error{background:RGB(231 77 60 / .76);background:radial-gradient(circle,rgb(231 77 60) 90%,rgb(237 114 83 / .5) 100%);color:#fff;box-shadow:0 2px 5px rgb(231 76 60 / .3)}.message.info{background:RGB(12 83 96 / .76);background:radial-gradient(circle,rgb(12 83 96) 90%,rgb(110 169 181 / .5) 100%);color:#fff;box-shadow:0 2px 5px rgb(12 83 96 / .3)}.message.warning{background:RGB(255 194 0 / .76);background:radial-gradient(circle,rgb(255 194 0) 90%,rgb(255 194 0 / .5) 100%);border-color:#bee5eb;color:#fff;box-shadow:0 2px 5px rgb(255 194 0 / .3)}
#docs h1 {
  color: #333;
  text-align: center;
  margin-block: 0.67em;
  font-size: 2.3rem;
  margin-top: 0;
}