/* AUTO-GENERATED з header.css — НЕ редагувати вручну. Регенерація: bin/rails assets:minify
   src-sha256:411b26ec022e4f1333f7fbc543e83608af3ad26320d5b66b5b25419d5763f8bf */
:root{--top-bar-height: 70px;--font-body: "Mulish", sans-serif}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-body)}a{color:inherit;text-decoration:none}.top-bar{position:fixed;top:0;left:0;width:100vw;height:var(--top-bar-height);background:transparent;z-index:2000}.top-bar-container{width:min(calc(100% - 32px),1300px);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.bento-logo-container{background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:var(--top-bar-height);display:flex;align-items:center;padding:0 2.2rem 0 1rem;margin-right:1.5rem;border-radius:0 1.5rem 1.5rem 1.5rem;border:none;filter:none;user-select:none;position:relative}.bento-logo-container::before{content:"";position:absolute;inset:0;background-color:rgba(255,255,255,0.3);backdrop-filter:blur(8px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(8px) saturate(200%) brightness(110%);border-radius:0 1.5rem 1.5rem 1.5rem;z-index:-1;box-shadow:inset 0 1px 2px rgba(255,255,255,0.8),0 4px 16px rgba(0,0,0,0.08)}.bento-logo-container a{position:relative;height:100%}.bento-logo-container a:active{transform:none}.right-nav-capsule{display:inline-flex;align-items:center;background:rgba(255,255,255,0.3)!important;backdrop-filter:blur(8px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(8px) saturate(200%) brightness(110%);border-radius:12px!important;padding:0!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(255,255,255,0.8),0 4px 14px rgba(0,0,0,0.08)!important}.nav-btn{font-family:var(--font-body);background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#4a5648;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;height:36px;padding:0 1.1rem;border-radius:999px;font-size:clamp(0.75rem,0.72rem + 0.2vw,0.875rem);font-weight:600;cursor:pointer;border:none;border-left:3px solid transparent!important;box-shadow:none!important;transition:background 0.18s ease,filter 0.18s ease;white-space:nowrap;text-decoration:none;line-height:1!important}.nav-btn--icon{padding:0!important;width:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.nav-btn svg{width:16px;height:16px;flex-shrink:0;opacity:0.8;color:#0851b8;transition:opacity 0.2s ease}.nav-btn:hover{background-color:rgba(8,81,184,0.04)!important;color:#0851b8!important;border-left-color:transparent!important}.nav-btn.active{border-radius:12px;background-color:rgba(8,81,184,0.08)!important;color:#0851b8!important;border-left-color:#0851b8!important}.nav-btn:hover svg,.nav-btn.active svg{opacity:1}.center-nav-capsule{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:2px!important;background:rgba(255,255,255,0.3)!important;backdrop-filter:blur(8px) saturate(200%) brightness(110%);-webkit-backdrop-filter:blur(8px) saturate(200%) brightness(110%);border:0!important;outline:none!important;border-radius:12px!important;padding:0!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(255,255,255,0.8),0 4px 16px rgba(0,0,0,0.08)!important;user-select:none}.center-nav-link{color:#4a5648;font-size:0.88rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;height:38px!important;padding:0 1rem;border-radius:12px!important;border-top:0!important;border-right:0!important;border-bottom:0!important;border-left:3px solid transparent!important;box-shadow:none!important;transition:all 0.2s ease;cursor:pointer;text-align:center;white-space:nowrap;line-height:1!important}.center-nav-link svg{width:16px;height:16px;flex-shrink:0;opacity:0.8;color:#0851b8;transition:opacity 0.2s ease}.center-nav-link:hover{background-color:rgba(8,81,184,0.04);color:#0851b8}.center-nav-link:hover svg,.center-nav-link.active svg{opacity:1}.center-nav-link.active{background-color:rgba(8,81,184,0.08);color:#0851b8;border-left-color:#0851b8!important;box-shadow:none!important}.center-nav-link:active{transform:scale(0.95)}.right-nav-container{display:flex;align-items:center;gap:0.75rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);z-index:4000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.22s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:#fff;border-radius:1.25rem;padding:2rem 2rem 1.75rem;width:min(90vw,520px);position:relative;box-shadow:0 24px 80px rgba(0,0,0,0.22);transform:scale(0.94) translateY(10px);transition:transform 0.22s cubic-bezier(.34,1.56,.64,1),opacity 0.22s ease;opacity:0}.modal-overlay.open .modal-box{transform:scale(1) translateY(0);opacity:1}.modal-close-btn{position:absolute;top:0.5rem;right:0.5rem;z-index:10;width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0851b8;font-size:1.4rem;line-height:1;transition:transform 0.2s cubic-bezier(.34,1.56,.64,1),color 0.15s ease}.modal-close-btn:hover{color:#0b64dd;transform:scale(1.12) rotate(90deg)}.modal-title{text-align:center;font-size:1.3rem;font-weight:900;margin:0 0 1.5rem;color:#1f241d}@media(max-width:560px){.modal-box{padding:1.75rem 1.4rem 1.5rem}}.auth-group-container{position:relative;display:flex}.desktop-auth-capsules{display:flex;align-items:center;gap:0.75rem}.mobile-auth-dropdown{display:none;position:relative}.dropdown-item{display:flex;align-items:center;gap:0.6rem;width:100%;padding:0.65rem 1rem;border:none;background:transparent;color:#4a5648;font-size:0.88rem;font-weight:700;font-family:var(--font-body);border-radius:8px;cursor:pointer;text-decoration:none;transition:all 0.15s ease;text-align:left}.dropdown-item svg{width:16px;height:16px;color:#0851b8;opacity:0.8;flex-shrink:0;transition:opacity 0.2s ease}.dropdown-item:hover{background:rgba(8,81,184,0.06);color:#0851b8}.dropdown-item:hover svg{opacity:1}@media(max-width:980px){.bento-logo-container span{display:none!important}.bento-logo-container a{gap:0!important}.bento-logo-container{padding:0 1rem!important;left:auto!important;backface-visibility:visible!important}.desktop-auth-capsules{display:none!important}.auth-group-container,.mobile-auth-dropdown{display:inline-flex!important;position:relative}.right-nav-container .nav-btn,.mobile-auth-dropdown .nav-btn{width:auto!important;min-width:56px!important;padding:0 1.2rem!important;display:inline-flex!important;justify-content:center!important;align-items:center!important}.center-nav-capsule{position:relative!important;left:0!important;transform:none!important;margin:0 6px}.center-nav-link{font-size:0.88rem!important;padding:0 1rem!important;gap:0.35rem!important}.center-nav-link:nth-child(3){font-size:0!important;padding:0 12px!important;gap:0!important}.center-nav-link svg{width:16px;height:16px;margin:0!important}}@media(max-width:980px){.top-bar-container{width:100%!important;max-width:100vw!important;padding-left:16px!important;padding-right:16px!important;margin:0!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.top-bar-container>div,.top-bar-container>a{margin-left:0!important;margin-right:0!important}}@media(max-width:640px){.top-bar-container{padding-left:12px!important;padding-right:12px!important}}@media(max-width:540px){.center-nav-capsule{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important}.center-nav-link:nth-child(1),.center-nav-link:nth-child(2){font-size:0!important}.center-nav-link:nth-child(1)::after{content:"Головна";font-size:0.88rem}.center-nav-link:nth-child(2)::after{content:"Події";font-size:0.88rem}}@media(max-width:469px){.center-nav-link:nth-child(1),.center-nav-link:nth-child(2){font-size:0!important;height:38px!important;padding:0 1.5rem!important;gap:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.center-nav-link:nth-child(1)::after,.center-nav-link:nth-child(2)::after{content:none!important}}@media(max-width:369px){.center-nav-capsule{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;z-index:2}.center-nav-link:nth-child(1),.center-nav-link:nth-child(2){font-size:0!important;padding:0 1.2rem!important;gap:0!important}.center-nav-link:nth-child(1)::after,.center-nav-link:nth-child(2)::after{content:none!important}.center-nav-link:nth-child(1) svg,.center-nav-link:nth-child(2) svg{margin:0!important}}.dropdown-header{padding:0.75rem 1rem;font-size:0.82rem;font-weight:800;line-height:1.2;color:#1f241d;border-bottom:1px solid #eee}.notifications-list-mini{max-height:300px;overflow-y:auto;padding:0.35rem 0;font-size:0.8rem;line-height:1.35}.notifications-list-mini .empty-msg{padding:1rem 1rem 0.85rem;text-align:center;color:#889286;font-size:0.78rem;font-weight:700}.dropdown-footer-wrap{display:flex;justify-content:center;padding:0.75rem 1rem 0;margin-top:0.35rem;border-top:1px solid rgba(8,81,184,0.12)}.dropdown-footer{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0.55rem 1.1rem;border-radius:999px;background:#ffffff;color:#0851b8;font-size:0.78rem;font-weight:800;line-height:1;text-align:center;border:1px solid rgba(8,81,184,0.42);box-shadow:none;transition:all 0.2s ease;width:auto;max-width:max-content;margin:0}.dropdown-footer:hover{background:rgba(8,81,184,0.05);border-color:#0851b8;color:#0851b8;transform:translateY(-1px);box-shadow:none}.dropdown-footer:active{transform:scale(0.97)}.bento-logo-container,.right-nav-capsule,.profile-circle-wrap,.mobile-nav-burger,.mobile-nav-toggle{transition:all 0.14s ease}.bento-logo-container:active,.right-nav-capsule:active,.profile-circle-wrap:active,.mobile-nav-burger:active,.mobile-nav-toggle:active,.bento-logo-container.is-pressed,.right-nav-capsule.is-pressed,.profile-circle-wrap.is-pressed,.mobile-nav-burger.is-pressed,.mobile-nav-toggle.is-pressed{transform:scale(0.86);transition-duration:0.06s}@media(prefers-reduced-motion:reduce){.bento-logo-container:active,.right-nav-capsule:active,.profile-circle-wrap:active,.mobile-nav-burger:active,.mobile-nav-toggle:active,.bento-logo-container.is-pressed,.right-nav-capsule.is-pressed,.profile-circle-wrap.is-pressed,.mobile-nav-burger.is-pressed,.mobile-nav-toggle.is-pressed{transition:none}}.center-nav-link{position:relative;isolation:isolate}.center-nav-link::before{content:"";position:absolute;inset:0;border-radius:12px;background:rgba(8,81,184,0.14);opacity:0;transform:scale(1.08);transition:opacity 0.18s ease,transform 0.18s ease;pointer-events:none;z-index:-1}.center-nav-link:active,.center-nav-link.is-pressed{transform:scale(0.94);transition-duration:0.06s}.center-nav-link:active::before,.center-nav-link.is-pressed::before{opacity:1;transform:scale(1);transition-duration:0.06s}@media(prefers-reduced-motion:reduce){.center-nav-link:active,.center-nav-link.is-pressed,.center-nav-link:active::before,.center-nav-link.is-pressed::before{transition:none}}.profile-circle-wrap:has(.profile-dropdown.open):active,.right-nav-capsule:has(.notifications-dropdown.open):active{transform:none}