body,html{height:100%;margin:0;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to right,#cbecfc,#d4cdfc)}.login-form{position:relative;background:#fff;padding:20px 40px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}.login-form button{width:100%;padding:10px;border:none;border-radius:5px;background:#c47aff;color:#fff;font-size:16px;cursor:pointer;transition:background .3s}.login-form button:hover{background:#be73fc}.error-message{color:red;margin-top:5px}.sidebar{width:200px;height:100vh;background-color:#f6f1ee;color:#4f4a45;display:flex;flex-direction:column;align-items:center;padding-top:20px;position:fixed}.sidebar ul{list-style:none;padding:0;width:100%}.sidebar li{width:100%;text-align:center}.sidebar a{display:block;padding:10px;color:#4f4a45;text-decoration:none;transition:background-color .3s}.sidebar a:hover{background-color:#e4d3f3}.sidebar a.active{background-color:#dec0f7}.test-settings{padding:20px}.actions{display:flex;justify-content:flex-end;margin-bottom:10px}.logout{position:absolute;top:10px;right:10px}.content{flex-grow:1;padding:20px;margin-left:200px}.with-sidebar .content{margin-left:240px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}