html,body,#root{height:100%;margin:0;padding:0;font-family:Segoe UI,sans-serif;background:#f4f9fb}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(145deg,#cbe8ff,#dff9fb)}.login-form{background-color:#fff;padding:2.5rem 2rem;border-radius:1.25rem;box-shadow:0 10px 30px #0000001a;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s ease-in-out}.login-title{font-size:2rem;font-weight:600;color:#0a3871;text-align:center;margin-bottom:.25rem}.login-subtitle{font-size:1rem;color:#666;text-align:center;margin-bottom:1rem}.login-input{padding:.75rem 1rem;border:1px solid #ccd6dd;border-radius:.6rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#0077b6;box-shadow:0 0 0 2px #0077b633;outline:none}.login-button{background-color:#0077b6;color:#fff;padding:.9rem;font-size:1.05rem;border:none;border-radius:.6rem;cursor:pointer;transition:background-color .3s ease-in-out}.login-button:hover{background-color:#005a8d}.login-error{color:#e63946;text-align:center;font-size:.95rem}@media (max-width: 500px){.login-form{padding:2rem 1.5rem;border-radius:1rem}.login-title{font-size:1.6rem}}.layout{display:flex;height:100vh;background-color:#0f172a}.sidebar{width:220px;background-color:#001529;display:flex;flex-direction:column;padding:1rem 0;box-shadow:2px 0 10px #0000004d;color:#fff}.content{flex:1;padding:24px;background-color:#1e293b;color:#f8fafc;overflow-y:auto;transition:all .3s ease-in-out}@media (max-width: 768px){.sidebar{width:100%;height:auto;flex-direction:row;justify-content:space-around;box-shadow:none}.layout{flex-direction:column}.content{padding:16px}}.login-button:hover{background-color:#005f8a;transform:translateY(-2px)}.login-button:active{background-color:#004d7a;transform:translateY(0)}