body{font-family:Arial,sans-serif;min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;background-color:#f7f8fa}.layout-container{display:flex;min-height:calc(100vh - 60px);padding-bottom:60px}.sidebar{width:250px;position:fixed;top:0;bottom:0;left:0;height:100%;padding:20px;box-sizing:border-box}.main-content{flex-grow:1;padding:20px;margin-left:250px}footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;background-color:#f0f2f5;padding:10px 0}.form-title{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#d0d8f0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#c5cbdc}::-webkit-scrollbar-track{background:#f1f1f1}.main-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-image:url(/bg.jpeg);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#0056b3}.login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;padding:20px}.form-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.input-field{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;transition:border-color .3s ease}.input-field:focus{border-color:#007bff}.login-button{width:100%;padding:12px;margin-top:15px;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer}.login-button:hover{background-color:#0056b3}.login-form:hover{transform:translateY(-5px)}@media (max-width: 480px){.login-form{width:90%;padding:15px}.form-title{font-size:20px}.input-field,.login-button{padding:10px;font-size:14px}}