.navbar{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;z-index:1000;width:100%;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.navbar-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:100%;margin:0 auto;padding:.5rem 1rem;display:flex}@media (min-width:480px){.navbar-container{gap:1rem;padding:.625rem 1.25rem}}@media (min-width:768px){.navbar-container{flex-wrap:nowrap;gap:1.5rem;padding:.625rem 1.5rem}}.navbar-logo{color:#fff;cursor:pointer;white-space:nowrap;flex-shrink:0;order:-1;align-items:center;gap:.25rem;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}@media (min-width:480px){.navbar-logo{gap:.5rem;font-size:1.1rem}}@media (min-width:768px){.navbar-logo{order:unset;font-size:1.25rem}}.navbar-logo:hover{opacity:.9}.navbar-desktop-menu{flex:1;align-items:center;gap:.25rem;min-height:40px;display:none}@media (min-width:768px){.navbar-desktop-menu{gap:.5rem;display:flex}}@media (min-width:1024px){.navbar-desktop-menu{gap:.75rem}}.navbar-link{color:#fff;white-space:nowrap;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:inherit;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .5rem;text-decoration:none;transition:background .2s;display:flex}@media (min-width:1024px){.navbar-link{gap:.5rem;padding:.375rem .75rem;font-size:.875rem}}.navbar-link:hover{background:#ffffff26}.navbar-right-section{flex-shrink:0;order:2;align-items:center;gap:.5rem;display:flex}@media (min-width:768px){.navbar-right-section{order:unset;flex-shrink:unset;gap:1rem}}.navbar-user-info{color:#fff;flex-direction:column;align-items:flex-end;gap:.125rem;display:none}@media (min-width:768px){.navbar-user-info{display:flex}}.navbar-user-name{font-size:.8rem;font-weight:600}@media (min-width:768px){.navbar-user-name{font-size:.875rem}}.navbar-user-role{opacity:.9;font-size:.7rem}@media (min-width:768px){.navbar-user-role{font-size:.75rem}}.navbar-logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}@media (min-width:768px){.navbar-logout-btn{width:40px;height:40px}}.navbar-logout-btn:hover{background:#ffffff4d}.navbar-mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}@media (min-width:768px){.navbar-mobile-toggle{display:none}}.navbar-mobile-menu{background:#0000001a;border-top:1px solid #fff3;flex-direction:column;gap:.25rem;width:100%;padding:.75rem 1rem;display:flex}@media (min-width:480px){.navbar-mobile-menu{gap:.375rem;padding:.875rem 1.25rem}}@media (min-width:768px){.navbar-mobile-menu{display:none}}.navbar-mobile-link{color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:inherit;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.625rem .75rem;text-decoration:none;transition:background .2s;display:flex}@media (min-width:480px){.navbar-mobile-link{gap:.75rem;padding:.75rem;font-size:.9375rem}}.navbar-mobile-link:hover{background:#ffffff26}.navbar-submenu-container{align-items:center;display:flex;position:relative}.navbar-submenu-btn{color:#fff;white-space:nowrap;cursor:pointer;font-family:inherit;font-size:.8125rem;font-weight:inherit;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.375rem .5rem;text-decoration:none;transition:background .2s;display:flex}@media (min-width:1024px){.navbar-submenu-btn{gap:.25rem;padding:.375rem .75rem;font-size:.875rem}}.navbar-submenu-btn:hover{background:#ffffff26}.navbar-submenu-chevron{transition:transform .2s}.navbar-submenu-dropdown{background:var(--color-surface);opacity:1;z-index:9999;border:1px solid #fff3;border-radius:.375rem;flex-direction:column;gap:0;min-width:150px;max-width:90vw;margin-top:-.5rem;padding-top:.5rem;display:flex;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 4px 12px #0000004d}@media (min-width:1024px){.navbar-submenu-dropdown{min-width:180px}}.navbar-submenu-link{color:var(--color-text);background:var(--color-surface);opacity:1;cursor:pointer;text-align:left;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.5rem .875rem;font-family:inherit;font-size:.875rem;transition:background .2s;display:flex}@media (min-width:1024px){.navbar-submenu-link{padding:.625rem 1rem;font-size:.9375rem}}.navbar-submenu-link:hover{background:var(--color-surface-alt)}.navbar-submenu-link:first-child{border-radius:.375rem .375rem 0 0}.navbar-submenu-link:last-child{border-radius:0 0 .375rem .375rem}.navbar-mobile-submenu{flex-direction:column;gap:0;display:flex}.navbar-mobile-submenu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}@media (min-width:480px){.navbar-mobile-submenu-btn{padding:.75rem;font-size:.9375rem}}.navbar-mobile-submenu-btn:hover{background:#ffffff1a}.navbar-mobile-submenu-items{background:#0003;border-radius:.375rem;flex-direction:column;gap:0;margin:.25rem 0;padding:.5rem 0;display:flex}.navbar-mobile-sublink{padding-left:2.5rem;font-weight:400}.navbar-profile-icon-container{align-items:center;display:flex;position:relative}.navbar-profile-icon-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex}@media (min-width:768px){.navbar-profile-icon-btn{width:40px;height:40px}}.navbar-profile-icon-btn:hover{background:#ffffff4d}.navbar-profile-dropdown{background:var(--color-surface);opacity:1;z-index:9999;border:1px solid #0000001a;border-radius:.375rem;flex-direction:column;gap:0;min-width:140px;max-width:90vw;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 4px 12px #0000004d}@media (min-width:768px){.navbar-profile-dropdown{min-width:160px}}.navbar-profile-dropdown-link{color:var(--color-text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;text-decoration:none;transition:background .2s;display:flex}@media (min-width:768px){.navbar-profile-dropdown-link{padding:.75rem 1rem;font-size:.9375rem}}.navbar-profile-dropdown-link:hover{background:var(--color-surface-alt)}.navbar-profile-dropdown-logout{color:var(--color-danger);border-top:1px solid #0000001a}@media (max-width:1024px){.navbar-submenu-dropdown{min-width:150px}.navbar-submenu-link{padding:.625rem .875rem;font-size:.875rem}}@media (max-width:768px){.navbar-submenu-container{display:none!important}}