.app-header{position:fixed;top:0;left:0;width:100%;height:60px;background:#002b36;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:1000;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.logo img{width:40px;height:auto;transition:transform 0.3s}.logo img:hover{transform:scale(1.1)}.header-left,.header-right{display:flex;align-items:center;gap:5px}.menu{display:flex;align-items:center;gap:5px}.menu a{color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;transition:background 0.3s ease,color 0.3s ease}.menu a:hover{color:gold;background:rgb(255 255 255 / .1)}.search-container{position:relative;display:flex;align-items:center}.search-icon{color:#FFB700;cursor:pointer;font-size:18px}.search-box{display:none;position:absolute;top:120%;left:0;background:#fff;border:2px solid #FFB700;border-radius:20px;padding:5px 10px;width:200px;z-index:999}.search-box input{border:none;outline:none;font-size:14px;color:#000;width:100%}.user-menu{display:flex;align-items:center;gap:5px}.user-menu a{color:#fff;font-size:14px;text-decoration:none;display:flex;align-items:center}.user-menu a:hover{color:gold}.user-menu i{font-size:12px}.user-dropdown{position:relative;margin-right:10px}.user-dropdown-content{display:none;position:absolute;right:0;background:#002b36;border-radius:5px;box-shadow:0 2px 5px rgb(0 0 0 / .2);padding:10px;min-width:100px;z-index:999}.user-dropdown-content a{display:flex;align-items:center;gap:8px;color:#fff;padding:5px;text-decoration:none;font-size:12px;transition:background 0.3s ease}.user-dropdown-content a:hover{background:rgb(255 255 255 / .1)}@media (max-width:768px){.app-header{flex-wrap:wrap;height:auto;padding:5px}.menu a{font-size:12px;width:30px;height:30px}.search-box{width:160px;top:100%}.user-menu a{font-size:12px}}