*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}#app{background-color:#f8f9fa}.login-container{max-width:400px;margin:100px auto;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}button{width:100%;padding:10px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#e74c3c;margin-top:10px;font-size:14px}.dashboard header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.user-info{display:flex;align-items:center;gap:15px}.user-info button{width:auto;padding:8px 15px}.unauthorized-page{text-align:center;margin-top:100px}