.layout-container{background-color:#f4f7f6;height:100vh;display:flex}.sidebar{color:#fff;background-color:#2c3e50;flex-direction:column;width:250px;display:flex}.sidebar-brand{text-align:center;background-color:#1a252f;border-bottom:1px solid #34495e;padding:20px}.sidebar-brand h2{letter-spacing:1px;margin:0;font-size:20px}.sidebar-nav{flex-direction:column;flex-grow:1;padding:20px 0;display:flex}.sidebar-nav a{color:#b8c7ce;padding:12px 20px;font-size:16px;text-decoration:none;transition:all .3s}.sidebar-nav a:hover{color:#fff;background-color:#34495e}.sidebar-footer{border-top:1px solid #34495e;padding:20px}.logout-btn{color:#fff;cursor:pointer;background-color:#e74c3c;border:none;border-radius:4px;width:100%;padding:10px;font-size:16px}.logout-btn:hover{background-color:#c0392b}.main-content{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.topbar{background-color:#fff;padding:15px 20px;box-shadow:0 2px 4px #0000001a}.topbar h3{color:#333;margin:0}.page-content{flex-grow:1;padding:20px;overflow-y:auto}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7f6;justify-content:center;align-items:center;height:100vh;font-family:Arial,sans-serif;display:flex}.login-container{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 10px #0000001a}.login-container h2{text-align:center;color:#333;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#666;margin-bottom:5px;display:block}.form-group input{border:1px solid #ccc;border-radius:4px;width:100%;padding:10px}.login-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100%;padding:10px;font-size:16px}.login-btn:hover{background-color:#0056b3}.error-msg{color:red;text-align:center;margin-bottom:15px;font-size:14px}