.topnav-profile{cursor:pointer;max-width:220px;font-family:var(--font-body,"Public Sans", sans-serif);background:#002f160d;border:1px solid #002f1614;border-radius:10px;align-items:center;gap:10px;padding:5px 12px 5px 5px;text-decoration:none;transition:background .2s,box-shadow .2s;display:flex}.topnav-profile:hover{background:#002f161a;box-shadow:0 2px 8px #0000000f}.topnav-profile__avatar{background:#002f161a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.topnav-profile__avatar .material-symbols-outlined{color:var(--primary,#002f16);font-size:18px}.topnav-profile__img{object-fit:cover;width:100%;height:100%}.topnav-profile__name{color:var(--on-surface,#1a1c19);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.8125rem;font-weight:600;line-height:1.2;overflow:hidden}.topnav-profile__chevron{color:var(--on-surface-variant,#404941);opacity:.5;font-size:18px;transition:opacity .2s,transform .2s}.topnav-profile:hover .topnav-profile__chevron{opacity:1}.topnav-profile-wrap{position:relative}.topnav-profile-wrap:has(.topnav-dropdown.is-open) .topnav-profile__chevron{opacity:1;transform:rotate(180deg)}.topnav-dropdown{z-index:200;opacity:0;pointer-events:none;background:#fff;border:1px solid #c0c9bf33;border-radius:12px;min-width:220px;padding:6px;transition:opacity .18s,transform .18s cubic-bezier(.33,1,.68,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)scale(.97);box-shadow:0 8px 32px #0000001f,0 1px 3px #0000000f}.topnav-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.topnav-dropdown__item{width:100%;color:var(--on-surface,#1b1c1b);cursor:pointer;font-size:.8125rem;font-weight:600;font-family:var(--font-body,"Public Sans", sans-serif);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:background .12s;display:flex}.topnav-dropdown__item:hover{background:#002f160d}.topnav-dropdown__item .material-symbols-outlined{color:var(--on-surface-variant,#404941);font-size:18px}.topnav-dropdown__item--danger,.topnav-dropdown__item--danger .material-symbols-outlined{color:var(--error,#ba1a1a)}.topnav-dropdown__item--danger:hover{background:#ba1a1a0f}.topnav-dropdown__sep{background:#c0c9bf40;height:1px;margin:4px 10px}.topnav{height:var(--topnav-height,64px);z-index:50;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#fbf9f8d1;justify-content:space-between;align-items:center;max-width:100vw;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.topnav-left{align-items:center;gap:12px;display:flex}.topnav-logo{background:var(--primary,#002f16);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:4px;display:flex}.topnav-logo-img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.topnav-brand{font-family:var(--font-headline,"Noto Serif", serif);color:var(--primary,#002f16);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;text-decoration:none}.topnav-links{align-items:center;gap:32px;display:flex}.topnav-link{color:var(--on-surface-variant,#404941);white-space:nowrap;padding-bottom:2px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .25s}.topnav-link:hover{color:var(--primary,#002f16)}.topnav-link.active{color:var(--primary,#002f16);border-bottom:2px solid var(--primary,#002f16);font-weight:700}.topnav-search{flex:1;max-width:520px;padding:0 48px;position:relative}.topnav-search-icon{color:#40494180;pointer-events:none;font-size:18px;position:absolute;top:50%;left:60px;transform:translateY(-50%)}.topnav-search-input{width:100%;color:var(--on-surface,#1b1c1b);font-size:.875rem;font-family:var(--font-body,"Public Sans", sans-serif);background:#e4e2e166;border:none;border-radius:8px;outline:none;padding:8px 16px 8px 36px;transition:box-shadow .2s}.topnav-search-input:focus{box-shadow:0 0 0 2px #002f161f}.topnav-search-input::placeholder{color:#40494166}.topnav-right{align-items:center;gap:24px;display:flex}.topnav-actions{border-left:1px solid #c0c9bf4d;align-items:center;gap:12px;margin-left:24px;padding-left:24px;display:flex}.topnav-icon-btn{color:var(--on-surface-variant,#404941);align-items:center;transition:color .2s;display:flex}.topnav-icon-btn:hover{color:var(--primary,#002f16)}.topnav-icon-btn .material-symbols-outlined{font-size:22px}.topnav-add-supplier-btn{color:#fff;white-space:nowrap;font-size:.75rem;font-weight:700;font-family:var(--font-body,"Public Sans", sans-serif);cursor:pointer;background:linear-gradient(135deg,#002f16 0%,#004824 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:none;box-shadow:0 2px 8px #002f1633}.topnav-add-supplier-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #002f164d}.topnav-add-supplier-btn .material-symbols-outlined{font-size:17px}.topnav-add-supplier-text{font-size:.75rem}.topnav-link--cta{background:#002f160f;border-radius:8px;align-items:center;gap:6px;transition:background .2s;display:inline-flex;color:var(--primary,#002f16)!important;border-bottom:none!important;padding:10px 16px!important;font-weight:700!important}.topnav-link--cta:hover{background:#002f161f}.topnav-link--cta .material-symbols-outlined{font-size:18px}.badge-soon{letter-spacing:.04em;text-transform:uppercase;color:var(--primary,#002f16);vertical-align:middle;background:#002f1614;border-radius:99px;align-items:center;margin-left:4px;padding:1px 6px;font-size:.5625rem;font-weight:700;line-height:1.6;display:inline-flex}.lang-switcher{background:#e4e2e14d;border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.lang-switcher-btn{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant,#404941);cursor:pointer;font-size:.6875rem;font-weight:700;font-family:var(--font-body,"Public Sans", sans-serif);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px 10px;transition:background .2s;display:flex}.lang-switcher-btn:hover{background:var(--surface-container,#efedec)}.lang-switcher-btn--active{color:var(--primary,#002f16);background:#002f1614;font-weight:700;box-shadow:0 1px 3px #0000000f}.lang-code{font-size:.6875rem;font-weight:700;line-height:1}.topnav-hamburger{width:40px;height:40px;color:var(--on-surface-variant,#404941);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:none}.topnav-hamburger:hover{color:var(--primary,#002f16);background:#e4e2e180}.topnav-hamburger .material-symbols-outlined{font-size:24px}@media (width<=1024px){.topnav-hamburger{display:flex}.topnav-search{display:none}.topnav-links{top:var(--topnav-height,64px);-webkit-backdrop-filter:blur(20px);z-index:49;background:#fbf9f8fa;border-bottom:1px solid #c0c9bf33;flex-direction:column;gap:4px;padding:12px 20px 20px;animation:.22s cubic-bezier(.33,1,.68,1) topnav-slideDown;display:none;position:absolute;left:0;right:0;box-shadow:0 8px 32px #00000014}.topnav-links.is-open{display:flex}.topnav-link{border-radius:10px;padding:12px 16px;font-size:.9375rem;border-bottom:none!important}.topnav-link:hover,.topnav-link.active{background:#002f160d;border-bottom:none!important}.topnav-link.active{color:var(--primary,#002f16);font-weight:700}.topnav-actions #btnNotifications,.topnav-actions #btnSettings{display:none}.topnav-actions{border-left:none;margin-left:0;padding-left:0}.topnav-add-supplier-btn{display:flex!important}.topnav-link--cta{display:inline-flex}@keyframes topnav-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media (width>=1025px){.topnav-link--cta{display:none}}@media (width<=768px){.topnav{padding:0 16px}.topnav-profile__name,.topnav-profile__chevron{display:none}.topnav-profile{border-radius:50%;padding:4px}.topnav-profile__avatar{width:32px;height:32px}}@media (width<=480px){.topnav-brand{font-size:1.125rem}}