.navbar{background-color:#333;color:#fff;font-family:sans-serif;position:fixed;z-index:10;top:0;left:0;width:100%}.sidebar{display:none;position:fixed;top:0;left:0;width:80vw;height:100vh;background-color:#333;z-index:99}.sidebar-back{display:none;background-color:#000;opacity:.5;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:98}.burger-bar button{border:none;background-color:transparent}.sidebar div{padding:5px;height:100%;display:flex;flex-direction:column;justify-content:center}.sidebar div button{border:none;background-color:transparent;font-size:18px;color:#fff;text-decoration:underline;margin:5px 0}.sidebar-link{display:block;text-align:center;padding:16px 0;margin:8px 0;font-size:18px;font-weight:600;color:#fff;background-color:#2c3e50;border-radius:8px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.sidebar-link:hover{background-color:#34495e;transform:translateY(-2px)}.sidebar-link:active{background-color:#1abc9c}.navbar .p{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.navbar a{color:#fff;text-decoration:none}.navbar a:hover{text-decoration:underline}.navbar-brand a{font-weight:700;font-size:18px}.navbar-links{display:flex;gap:20px}.burger-bar{display:none}.navbar-links a{text-decoration:none!important;color:#fff!important}.navbar-links a:hover{text-decoration:underline!important}.navbar-actions{display:flex;align-items:center;gap:15px;position:relative}.lang-dropdown{position:relative}.lang-trigger{cursor:pointer}.lang-options{display:none;position:absolute;top:100%;right:0;background:#fff;color:#000;border:1px solid #ccc;min-width:120px;z-index:9999!important}.lang-options a{display:block;padding:8px 10px;text-decoration:none;color:#000}.lang-options a:hover{background-color:#f0f0f0}.logout-button{background-color:#e0474c;color:#fff;border:none;padding:8px 12px;cursor:pointer;border-radius:4px}.logout-button:hover{background-color:#c53c3f}.links-drop{display:flex;flex-direction:column;align-items:start;padding:5px}.links-drop a{font-size:18px;padding:5px}@media (max-width: 450px){.navbar{position:absolute}.navbar-links{display:none}}@media (max-width: 800px){.navbar-links{display:none}.burger-bar{display:flex;align-items:center}}