body{margin:0;font-family:Arial,sans-serif;background-color:#f5f5f5;color:#333;min-height:100vh}.login-container{max-width:400px;margin:40px auto;padding:20px;background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a}label{display:block;margin-bottom:6px}input{width:100%;padding:8px;margin-bottom:12px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}button{padding:10px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.layout{display:grid;grid-template-columns:200px 1fr;grid-template-rows:60px 1fr;min-height:100vh}header{grid-column:1 / span 2;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#343a40;color:#fff}header h1{margin:0;font-size:20px}header .logout{background:#dc3545}header .logout:hover{background:#c82333}aside{background:#f8f9fa;padding:20px}aside ul{list-style:none;padding:0;margin:0}aside li{margin-bottom:10px}aside a{color:#333;text-decoration:none}aside a:hover{text-decoration:underline}main{padding:20px}@media (max-width: 600px){.layout{grid-template-columns:1fr;grid-template-rows:60px auto 1fr}aside{grid-row:2}}