html,body,#root{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif}.login-container{height:100vh;background:linear-gradient(to bottom right,#c9eaff,#e0f7fa);display:flex;align-items:center;justify-content:center;padding:1rem}.login-form{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 8px 20px #00000026;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.login-title{font-size:1.8rem;font-weight:700;color:#0077b6;text-align:center;margin-bottom:.3rem}.login-subtitle{font-size:1rem;color:#555;text-align:center;margin-bottom:1rem}.login-input{padding:.8rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;transition:border .2s}.login-input:focus{border-color:#0077b6;outline:none}.login-button{background-color:#0077b6;color:#fff;padding:.8rem;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .3s}.login-button:hover{background-color:#005f87}.login-error{color:#e63946;text-align:center;font-size:.9rem}.layout{display:flex;height:100vh}.sidebar{width:200px;background-color:#001529}.content{flex:1;padding:24px;background-color:#1f1f1f;color:#fff;overflow-y:auto}