:root{--nav-bg: rgba(240, 233, 216, .82);--nav-bg-scrolled: rgba(240, 233, 216, .95);--border-color: rgba(120, 125, 90, .28);--primary: #8f9b6b;--primary-hover: #7c875c;--primary-gradient-end:#b7a66a;--text-light: #2f2f2a;--text-muted: #6f735f;--accent-bg: rgba(143, 155, 107, .14);--hover-bg: rgba(143, 155, 107, .1);--radius: 999px;--radius-sm: 10px;--btn-shadow: 0 10px 30px rgba(143, 155, 107, .4);--nav-shadow: 0 8px 40px rgba(80, 90, 55, .18), 0 1px 0 rgba(255,255,255,.6) inset;--nav-shadow-scrolled: 0 12px 48px rgba(80, 90, 55, .24), 0 1px 0 rgba(255,255,255,.5) inset;--link-hover-shadow: 0 2px 8px rgba(143, 155, 107, .18);--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-spring: cubic-bezier(.34, 1.56, .64, 1);--header-height: 72px}.dark{--nav-bg: rgba(16, 20, 12, .82);--nav-bg-scrolled: rgba(16, 20, 12, .96);--border-color: rgba(148, 163, 120, .22);--primary: #a8b58a;--primary-hover: #c1cf9a;--primary-gradient-end:#a8b58a;--text-light: #e7e9dd;--text-muted: #a3a88f;--accent-bg: rgba(168, 181, 138, .13);--hover-bg: rgba(168, 181, 138, .1);--btn-shadow: 0 10px 30px rgba(168, 181, 138, .35);--nav-shadow: 0 8px 40px rgba(0, 0, 0, .55), 0 1px 0 rgba(255,255,255,.05) inset;--nav-shadow-scrolled: 0 12px 48px rgba(0, 0, 0, .65), 0 1px 0 rgba(255,255,255,.05) inset;--link-hover-shadow: 0 2px 8px rgba(168, 181, 138, .2)}html{transition:background-color .4s ease,color .4s ease}body{padding-top:calc(var(--header-height) + 20px)}.header{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - 48px);max-width:1100px;background:var(--nav-bg);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid var(--border-color);border-radius:999px;box-shadow:var(--nav-shadow);transition:background .35s var(--transition-smooth),box-shadow .35s var(--transition-smooth),top .35s var(--transition-smooth),padding .35s var(--transition-smooth),border-color .35s var(--transition-smooth)}.header.scrolled{top:8px;background:var(--nav-bg-scrolled);box-shadow:var(--nav-shadow-scrolled)}.header:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55) 30%,rgba(255,255,255,.55) 70%,transparent);border-radius:999px;pointer-events:none}.dark .header:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 30%,rgba(255,255,255,.12) 70%,transparent)}.container{max-width:100%;padding-inline:clamp(14px,2vw,24px)}.nav-content{height:var(--header-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:6px;font-size:1.45rem;font-weight:800;text-decoration:none;letter-spacing:-.6px;justify-self:start;transition:transform .3s var(--transition-spring)}.logo:hover{transform:translateY(-2px)}.logo-main{color:var(--text-light)}.logo-accent{color:var(--primary);position:relative}.logo-accent:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2.5px;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-gradient-end));transition:width .4s var(--transition-smooth)}.logo:hover .logo-accent:after{width:100%}.nav-links{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:2px;justify-self:center}.nav-link a{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:999px;transition:all .25s var(--transition-smooth);white-space:nowrap}.nav-link a:hover{color:var(--text-light);background:var(--hover-bg);box-shadow:var(--link-hover-shadow);transform:translateY(-1px)}.nav-link a.active{color:var(--primary);background:var(--accent-bg);font-weight:600;box-shadow:0 0 0 1px var(--border-color) inset}.nav-link a.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--primary);animation:dotPop .35s var(--transition-spring) both}@keyframes dotPop{0%{transform:translate(-50%) scale(0);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.nav-right{display:flex;align-items:center;gap:6px;justify-self:end}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--hover-bg);color:var(--primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:all .3s var(--transition-spring);position:static;top:auto;right:auto;z-index:auto}.theme-toggle:hover{background:var(--accent-bg);border-color:var(--primary);transform:rotate(20deg) scale(1.08);box-shadow:0 4px 12px #8f9b6b40}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.notifications-nav-item{position:relative}.notifications-link{position:relative;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px solid transparent;transition:all .25s var(--transition-smooth)}.notifications-link svg{width:18px;height:18px}.notifications-link:hover{color:var(--text-light);background:var(--hover-bg);border-color:var(--border-color);transform:translateY(-1px)}.notifications-link.active{color:var(--primary);background:var(--accent-bg);border-color:var(--border-color)}.notification-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.6rem;font-weight:700;padding:.08rem .3rem;border-radius:999px;min-width:16px;text-align:center;line-height:1.4;box-shadow:0 2px 4px #ef444466;animation:notif-pulse 2.2s ease-in-out infinite}@keyframes notif-pulse{0%,to{box-shadow:0 2px 4px #ef444459}50%{box-shadow:0 4px 8px #ef44448c;transform:scale(1.06)}}.auth-link{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-gradient-end));color:#fff!important;border-radius:999px;font-weight:600;font-size:.875rem;box-shadow:0 4px 14px #8f9b6b52;transition:all .35s var(--transition-spring);position:relative;overflow:hidden;white-space:nowrap;text-decoration:none}.auth-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent);opacity:0;transition:opacity .3s}.auth-link:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 28px #8f9b6b7a}.auth-link:hover:before{opacity:1}.dark .auth-link{background:linear-gradient(135deg,var(--primary),#8f9b6b);box-shadow:0 4px 14px #a8b58a59}.dark .auth-link:hover{box-shadow:0 10px 28px #a8b58a7a}.auth-icon{display:inline-flex;align-items:center}.nav-user-menu{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:999px;color:var(--text-light);font-weight:500;font-size:.88rem;cursor:pointer;transition:all .28s var(--transition-smooth)}.user-menu-toggle:hover{background:var(--accent-bg);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #8f9b6b2e}.dark .user-menu-toggle{color:var(--text-light);border-color:#a8b58a66}.dark .user-menu-toggle:hover{border-color:var(--primary);box-shadow:0 4px 12px #a8b58a33}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-gradient-end));display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:0}.user-avatar svg{width:15px;height:15px;color:#fff}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chevron{width:13px;height:13px;color:var(--text-muted);transition:transform .3s var(--transition-smooth);flex-shrink:0}.user-menu-toggle[aria-expanded=true] .user-chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:#f8f4eaf5;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:18px;border:1px solid var(--border-color);box-shadow:0 12px 40px #3c3c2838,0 1px #fffc inset;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.96);transition:all .28s var(--transition-smooth);z-index:500;overflow:hidden}.dark .user-dropdown{background:#161a12f5;box-shadow:0 12px 40px #000000a6,0 1px #ffffff0f inset}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-header{padding:14px 16px 10px;border-bottom:1px solid var(--border-color);pointer-events:none}.dropdown-header .dh-name{font-size:.88rem;font-weight:700;color:var(--text-light);display:block;margin-bottom:1px}.dropdown-header .dh-role{font-size:.72rem;color:var(--text-muted)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-light);text-decoration:none;font-size:.9rem;transition:all .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--accent-bg);color:var(--primary);padding-left:20px}.dropdown-icon{display:inline-flex;align-items:center;width:18px;height:18px;opacity:.7;transition:opacity .2s}.dropdown-item:hover .dropdown-icon{opacity:1}.dropdown-form{margin:0}.logout-item{border-top:1px solid var(--border-color);color:#c53030;margin-top:2px}.dark .logout-item{color:#fc8181;border-top-color:#a8b58a38}.logout-item:hover{background:#ef444414;color:#b91c1c;padding-left:20px}.dark .logout-item:hover{color:#fca5a5}.nav-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-gradient-end));color:#fff;margin-left:4px;line-height:1}.nav-svg-profile,.nav-svg-door{display:block;width:1rem;height:1rem;flex-shrink:0}.auth-link .nav-svg-profile,.user-avatar .nav-svg-profile{color:#fff}.dropdown-item .nav-svg-profile,.logout-item .nav-svg-door{color:currentColor}.mobile-toggle{display:none;flex-direction:column;gap:4.5px;padding:9px;border-radius:50%;width:38px;height:38px;align-items:center;justify-content:center;background:var(--hover-bg);border:1px solid var(--border-color);cursor:pointer;transition:all .28s var(--transition-spring)}.mobile-toggle:hover{background:var(--accent-bg);border-color:var(--primary)}.mobile-toggle span{width:18px;height:2px;background:var(--text-light);border-radius:999px;transition:all .28s var(--transition-smooth);display:block}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}@media(max-width:1100px){.mobile-toggle{display:flex}.header{top:10px;width:calc(100% - 24px);border-radius:20px;overflow:visible}.nav-content{grid-template-columns:1fr auto}.nav-links{display:flex;grid-column:unset;position:fixed;top:calc(var(--header-height) + 24px);left:12px;right:12px;justify-self:unset;transform:none;flex-direction:column;padding:16px;background:var(--nav-bg-scrolled);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 16px 48px #0000002e;align-items:stretch;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .4s var(--transition-smooth),opacity .35s var(--transition-smooth),padding .3s var(--transition-smooth)}.nav-links.open{max-height:80vh;overflow-y:auto;opacity:1;pointer-events:all;padding:16px}.nav-link{width:100%}.nav-link a{width:100%;text-align:left;justify-content:flex-start;padding:12px 18px;border-radius:12px}.nav-link a.active:after{display:none}.nav-links.open .nav-link{animation:mobileIn .35s var(--transition-smooth) backwards}.nav-links.open .nav-link:nth-child(1){animation-delay:.04s}.nav-links.open .nav-link:nth-child(2){animation-delay:.08s}.nav-links.open .nav-link:nth-child(3){animation-delay:.12s}.nav-links.open .nav-link:nth-child(4){animation-delay:.16s}.nav-links.open .nav-link:nth-child(5){animation-delay:.2s}.nav-links.open .nav-link:nth-child(6){animation-delay:.24s}@keyframes mobileIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.user-dropdown{position:fixed;top:calc(var(--header-height) + 18px);right:12px;left:auto;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);border-radius:18px;margin-top:0;min-width:220px;transition:max-height .35s var(--transition-smooth),opacity .28s var(--transition-smooth),transform .28s var(--transition-smooth),visibility .28s var(--transition-smooth);box-shadow:0 12px 40px #3c3c2838;z-index:1100}.user-dropdown.show{max-height:400px;opacity:1;visibility:visible;transform:translateY(0) scale(1);overflow-y:auto}}@media(max-width:600px){.nav-links{top:calc(var(--header-height) + 16px);left:8px;right:8px}.user-name{display:none}.user-dropdown{right:8px;left:8px;min-width:unset}}.nav-links::-webkit-scrollbar{width:4px}.nav-links::-webkit-scrollbar-track{background:transparent}.nav-links::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}