body{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#333;flex-direction:column;height:570px;margin:0;overflow:hidden;padding:0;width:350px}.header,body{background-color:#fff;display:flex}.header{align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.1);justify-content:space-between;margin-bottom:8px;padding:15px}.header .logo{align-items:center;display:flex}.header .logo img{margin-right:8px;width:70%}.header .logo span{color:#333;font-size:16px;font-weight:700}.header .version{color:#888;font-size:12px}.divider{background-color:#ddd;height:1px;margin:0 15px}.section{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin:8px 15px}.section a{color:inherit;text-decoration:none}.card{align-items:center;display:flex;padding:10px 15px}.card span{color:#333;font-size:14px}.card .icon{color:#888;font-size:18px;margin-right:8px}#username{overflow-wrap:break-word;white-space:normal;word-break:break-word}.collapsible{background-color:#fff;border-radius:8px}.collapsible-header{align-items:center;color:#444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:space-between;padding:15px}.collapsible-header .text{flex-grow:1}.collapsible-header .icon{margin-right:8px}.collapsible-header:hover{background-color:#f3f4f6}.collapsible-content{border-top:1px solid #ddd;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease-out,padding .3s ease-out}.collapsible-content.open{max-height:180px;overflow-y:auto;padding:0}.website{align-items:center;border-bottom:1px solid #eee;color:#333;display:flex;font-size:15px;padding:16px 32px;text-decoration:none}.website:last-child{border-bottom:none}.website:hover{background-color:#e3e6ea;cursor:pointer}.back-button{align-items:center;color:#888;cursor:pointer;display:flex;font-size:14px;text-decoration:none}.back-button svg{fill:#888;height:14px;margin-right:5px;width:14px}.form-container{display:flex;flex-direction:column;justify-content:center;padding:20px}.form-group{margin-bottom:15px}label{color:#444;display:block;font-size:14px;margin-bottom:5px}input[type=password],input[type=text]{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}input[type=password]:focus,input[type=text]:focus{border-color:#007bff;outline:none}.button-container{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;text-align:right}.button-container button{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.button-container .cancel-button{background-color:#fff;color:#888}.button-container .cancel-button:hover{background-color:#f3f3f3}.button-container .save-button{background-color:#007bff;border:none;color:#fff}.button-container .save-button:hover{background-color:#0056b3}.spinner-overlay{align-items:center;background:hsla(0,0%,100%,.8);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{background-color:#f9fafb;border-top:1px solid #ddd;bottom:0;box-shadow:0 -2px 5px rgba(0,0,0,.1);height:50px;justify-content:flex-end;position:absolute;width:100%}.footer,.raise-hand{align-items:center;display:flex}.raise-hand{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:700;justify-content:center;margin-right:15px;padding:5px 12px;transition:background-color .3s ease}.raise-hand img{margin-right:6px;width:16px}.raise-hand:hover{background-color:#f3f4f6}.hide{display:none}.card-label{margin-right:5px}#classSection{display:none}#classSection.inSession{display:block}.error-text{display:none}.error .outline{border-color:#dc2626}.error .error-text{color:#dc2626;display:block}a.disabled{cursor:default;pointer-events:none}