*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333}ul{list-style:none;padding:0}nav li{margin:10px 0}h1,h2,h3{color:#2c3e50}hr{border:none;border-top:1px solid #ddd;margin:30px 0}.header{background-color:#fff;padding:10px;box-shadow:0 2px 4px #0000001a;width:100%;height:80px;z-index:1000;position:fixed;top:0;left:0}.header-container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo img{display:block;max-width:200px;height:auto}.logo-login img{max-width:350px;height:auto}.nav-list{display:flex;justify-content:space-between;align-items:center;gap:80px}.navbar{display:flex;align-items:center;padding:10px 30px;font-size:1em;font-weight:700;background-color:#f9f9f9;border-radius:5px}.navbar li{list-style-type:none;margin:0 10px}.navbar a{color:#2c3e50;text-decoration:none;display:flex;align-items:center;transition:color .3s ease}.navbar a:hover{color:#0165d0}.navbar li:last-child{margin-right:0}.user-info{display:flex;align-items:center}.user-info .username{font-size:1em;color:#495057;margin-right:10px}.logout{background-color:#2295e1;color:#fff;border:none;border-radius:5px;padding:5px 10px;font-size:1em;cursor:pointer;display:flex;align-items:center;gap:5px}.logout:hover{background-color:#0165d0}.bi{font-size:1.2em;margin:0 5px;vertical-align:middle}.main{padding:20px 30px;margin-top:80px;min-height:calc(100vh - 80px);overflow-y:auto}.footer{background-color:#f8f9fa;text-align:center;padding:5px 20px;font-size:14px;color:#6c757d;border-top:1px solid #e9ecef}.footer p{margin:5px 0}button{padding:5px 15px;font-size:12px;cursor:pointer;background-color:#2295e1;color:#fff;border:none;border-radius:5px;min-width:80px}button:hover{background-color:#0165d0}.password-icon{cursor:pointer}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:transparent;border:none;cursor:pointer;position:relative}.hamburger span{display:block;width:50px;height:4px;background:#333;border-radius:2px;position:absolute;transition:transform .3s,opacity .3s}.hamburger span:nth-child(1){top:6px}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:6px}.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.nav-list.active{display:flex}@media only screen and (max-width: 767px){.logo img{width:180px;height:auto}.logo-login img{width:300px;height:auto}button.hamburger{display:flex;background:transparent;border:none;outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}button.hamburger:active,button.hamburger:focus{outline:none;background:transparent;box-shadow:none}.nav-list{display:none;width:100%;background-color:#fff;position:absolute;top:60px;left:0;padding:20px 10px;box-shadow:0 2px 4px #0000001a;font-size:20px}.nav-list .user-info{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}.nav-list.active{display:block}.header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 5px}.header-container{display:flex;align-items:center;gap:10px;width:100%}.navbar{flex-direction:column;align-items:flex-start;padding:10px;gap:20px}.navbar li{margin:5px 0}.main{padding:15px;margin-top:60px}.footer{padding:10px 15px;font-size:13px}}