.login-container{max-width:800px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.tab-menu{display:flex;justify-content:center;margin-bottom:20px}.tab-menu button{padding:10px 20px;margin:0 10px;background:#f8f8f8;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .3s}.tab-menu button.active{background:#007bff;color:#fff}.tab-menu button:hover{background:#e9ecef}.tab-content{display:none}.tab-content.active{display:block}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:700;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0,123,255,.3)}.error{color:#dc3545;font-size:12px;margin-top:5px;display:none}.submit-btn{display:block;width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.submit-btn:hover{background-color:#0056b3}.qr-code-container{text-align:center}.qr-code-container img{width:200px;height:200px;margin:20px 0}.qr-code-container p{color:#333;font-size:16px;margin-bottom:20px}.refresh-btn{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.refresh-btn:hover{background-color:#218838}h1{text-align:center;color:#333;margin-bottom:20px}