@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0");*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:Arial,sans-serif;background-color:#f9f9f9}.navbar{justify-content:space-between;background-color:#ffffff;color:white;padding:10px 20px;flex-wrap:nowrap}.logo,.navbar{display:flex;align-items:center}.logo{justify-content:center;width:auto;margin-bottom:10px}.logo-img{height:70px!important}.right-link{display:flex;gap:15px;margin-left:40px}.right-link a{color:rgb(53,53,53);text-decoration:none;padding:5px 10px}.right-link a:hover{text-decoration:underline}.left-link{display:flex;gap:10px;margin-left:auto}.left-link a,.menu-btn,.profile-btn{color:rgb(63,63,63);text-decoration:none;padding:5px 10px;border-radius:4px}.navbar a.login-btn{border:1px solid white}.login-btn:hover{background-color:#d32f2f}.navbar a.signup-btn{background-color:white;color:#222}.navbar a.signup-btn:hover{background-color:#554d67;color:white}.left-link a.dashboard-btn{background-color:white;color:#4e4e4e}.left-link a.dashboard-btn:hover{background-color:#d32f2f;color:white}.menu-dropdown,.profile-dropdown{position:relative;display:inline-block}.menu-btn,.profile-btn{background-color:transparent;border:none;cursor:pointer;font-size:16px}.profile-btn:hover{text-decoration:underline}.dropdown-content{position:absolute;background-color:white;color:black;min-width:180px;padding:12px;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:999;right:0;top:110%}.dropdown-content p{margin-bottom:10px}.dropdown-content a,.dropdown-content button{display:flex;align-items:center;gap:8px;width:100%;padding:6px 0;border:none;background:none;text-align:left;font-size:14px;color:black;cursor:pointer;text-decoration:none}.dropdown-content a:hover,.dropdown-content button:hover{text-decoration:underline}.logout-btn{background-color:#f44336;color:white;padding:5px 12px;font-size:14px;border:none;border-radius:4px;cursor:pointer;width:100%;margin-top:8px}.logout-btn:hover{text-decoration:underline}main{padding:20px;min-height:calc(100vh - 100px)}.logo-link{display:inline-block;cursor:pointer;transition:opacity .3s;display:flex;align-items:center;justify-content:center}.logo-link:hover{opacity:.8}.chart-scroll-area{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.chart-scroll-area::-webkit-scrollbar{height:8px}.chart-scroll-area::-webkit-scrollbar-track{background:transparent}.logo-img{height:70px;margin-right:20px}.chart-scroll-area::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px}.chart-scroll-area::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}.w-64{width:16rem}.w-64::-webkit-scrollbar{width:24px}.w-64::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.w-64::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.w-64::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (max-width:768px){.navbar{padding:10px}.left-link,.navbar,.right-link{flex-direction:column;align-items:flex-start}.left-link,.right-link{gap:8px;margin-left:0;width:100%}.left-link a,.menu-btn,.profile-btn,.right-link a{padding:8px 12px;width:100%;box-sizing:border-box}.dropdown-content{right:0;left:0;top:auto;position:static;margin-top:10px}main{padding:0}.w-64{width:100%}.chart-scroll-area::-webkit-scrollbar{height:6px}}.menu-btn:hover{text-decoration:underline}.menu-dropdown .dropdown-content{position:absolute;background-color:white;color:black;min-width:180px;padding:12px;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:999;top:110%;right:0}