:root{--nav-bg: rgba(214, 206, 186, .92);--border-color: rgba(120, 125, 90, .3);--primary: #8f9b6b;--primary-hover: #7c875c;--text-light: #2f2f2a;--text-muted: #6f735f;--accent-bg: rgba(143, 155, 107, .15);--radius: 14px;--nav-bg-mobile: rgba(214, 206, 186, .96);--btn-shadow: 0 10px 30px rgba(143, 155, 107, .45);--primary-gradient-end: #b7a66a;--hover-bg: rgba(255, 255, 255, .4);--header-height: 76px;--nav-shadow: 0 2px 20px rgba(120, 125, 90, .12);--link-hover-shadow: 0 2px 8px rgba(143, 155, 107, .15);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.dark{--nav-bg: rgba(20, 24, 18, .96);--border-color: rgba(148, 163, 120, .3);--primary: #a8b58a;--primary-hover: #c1cf9a;--text-light: #e7e9dd;--text-muted: #a3a88f;--accent-bg: rgba(168, 181, 138, .15);--nav-bg-mobile: rgba(20, 24, 18, .96);--btn-shadow: 0 10px 30px rgba(168, 181, 138, .45);--primary-gradient-end: #a8b58a;--hover-bg: rgba(255, 255, 255, .1);--nav-shadow: 0 2px 20px rgba(0, 0, 0, .4);--link-hover-shadow: 0 2px 8px rgba(168, 181, 138, .2)}body{padding-top:var(--header-height)}main.demo-content{padding-top:calc(var(--header-height) + 8px)}.header{position:fixed;inset:0 0 auto 0;z-index:1000;background:var(--nav-bg);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--border-color);box-shadow:var(--nav-shadow);transition:all .3s var(--transition-smooth)}.container{max-width:1440px;margin-inline:auto;padding-inline:2rem}.nav-content{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:1.65rem;font-weight:800;text-decoration:none;letter-spacing:-.8px;transition:transform .3s var(--transition-smooth)}.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:-6px;width:0;height:3px;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;gap:4px;margin-right:30px}.nav-link a{position:relative;display:inline-flex;align-items:center;padding:11px 20px;font-size:.96rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--radius);transition:all .3s var(--transition-smooth);overflow:hidden}.nav-link a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hover-bg);opacity:0;transition:opacity .3s var(--transition-smooth)}.nav-link a:hover{color:var(--text-light);box-shadow:var(--link-hover-shadow);transform:translateY(-1px)}.nav-link a:hover:before{opacity:1}.nav-link a.active{color:var(--primary);background:var(--accent-bg);font-weight:600;box-shadow:0 2px 10px #8f9b6b33}.dark .nav-link a.active{box-shadow:0 2px 10px #a8b58a40}.nav-link a.active:after{content:"";position:absolute;inset-inline:25%;bottom:6px;height:2.5px;border-radius:999px;background:var(--primary);animation:slideIn .4s var(--transition-smooth)}@keyframes slideIn{0%{inset-inline:50%;opacity:0}to{inset-inline:25%;opacity:1}}.admin-btn{padding:11px 24px!important;background:linear-gradient(135deg,var(--primary),var(--primary-gradient-end))!important;color:#fff!important;font-weight:600!important;box-shadow:var(--btn-shadow);border:none;position:relative;overflow:hidden}.admin-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 16px 45px #8f9b6b99}.admin-btn:hover:before{opacity:1}.admin-btn:active{transform:translateY(0)}.mobile-toggle{display:none;flex-direction:column;gap:5px;padding:10px;border-radius:10px;background:var(--accent-bg);border:1px solid var(--border-color);cursor:pointer;transition:all .3s ease}.mobile-toggle:hover{background:var(--hover-bg)}.mobile-toggle span{width:24px;height:2.5px;background:var(--text-light);border-radius:999px;transition:all .3s var(--transition-smooth)}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-toggle.active span:nth-child(2){opacity:0;transform:scale(0)}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:1200px){.mobile-toggle{display:flex}.nav-links{position:fixed;inset:76px 0 auto 0;flex-direction:column;padding:2rem 1.5rem;background:var(--nav-bg-mobile);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border-color);box-shadow:0 10px 30px #00000026;align-items:center;max-height:0;overflow:hidden;opacity:0;transition:all .4s var(--transition-smooth)}.nav-links.open{max-height:100vh;overflow-y:auto;opacity:1}.nav-link{width:100%;animation:fadeInUp .4s ease backwards}.nav-link:nth-child(1){animation-delay:.05s}.nav-link:nth-child(2){animation-delay:.1s}.nav-link:nth-child(3){animation-delay:.15s}.nav-link:nth-child(4){animation-delay:.2s}.nav-link:nth-child(5){animation-delay:.25s}.nav-link a{width:100%;text-align:center;justify-content:center;padding:14px 24px}.admin-btn{margin-top:16px;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}html{transition:background-color .4s ease,color .4s ease}.header,.nav-link a{transition:background-color .4s ease,color .4s ease,border-color .4s ease}.theme-toggle{position:fixed;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color);background:var(--accent-bg);color:var(--primary);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001f;transition:all .3s var(--transition-smooth);z-index:2000}.theme-toggle:hover{background:var(--hover-bg);transform:scale(1.08) rotate(15deg);box-shadow:0 6px 20px #0003}.theme-toggle:focus{outline:2px solid var(--primary);outline-offset:4px}.theme-toggle.toggled{transform:rotate(360deg)}.auth-link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-gradient-end) 100%);color:#fff!important;border-radius:12px;font-weight:600;box-shadow:0 4px 14px #8f9b6b59;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.auth-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.auth-link:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8f9b6b80}.auth-link:hover:before{opacity:1}.auth-link:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.dark .auth-link{background:linear-gradient(135deg,var(--primary) 0%,#8f9b6b 100%);box-shadow:0 4px 14px #a8b58a66}.dark .auth-link:hover{box-shadow:0 12px 35px #a8b58a80}.auth-icon{display:inline-flex;align-items:center}.nav-svg-profile,.nav-svg-door{display:block;width:1.2rem;height:1.2rem;flex-shrink:0}.auth-link .nav-svg-profile{color:#fff}.user-menu-toggle .nav-svg-profile{color:var(--primary)}.dropdown-item .nav-svg-profile{color:#5f6352}.dark .dropdown-item .nav-svg-profile{color:#a3a88f}.logout-item .nav-svg-door{color:#c53030}.dark .logout-item .nav-svg-door{color:#fc8181}.nav-user-menu{position:relative}.user-menu-toggle{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:transparent;border:2px solid rgba(143,155,107,.4);border-radius:12px;color:var(--text-light);font-weight:500;cursor:pointer;transition:all .3s var(--transition-smooth)}.dark .user-menu-toggle{color:var(--text-light);border-color:#a8b58a80}.user-menu-toggle:hover{background:var(--accent-bg);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #8f9b6b33}.dark .user-menu-toggle:hover{background:var(--accent-bg);border-color:var(--primary);box-shadow:0 4px 12px #a8b58a40}.user-icon{font-size:1.25rem}.user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + .6rem);right:0;min-width:240px;background:#fffffff0;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:16px;border:1px solid rgba(143,155,107,.3);box-shadow:0 10px 28px #3c3c2833;opacity:0;visibility:hidden;transform:translateY(-15px) scale(.95);transition:all .35s var(--transition-smooth);z-index:1000;overflow:hidden}.dark .user-dropdown{background:#1a1e18f0;border-color:#a8b58a4d;box-shadow:0 12px 35px #0009}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-item{display:flex;align-items:center;gap:.8rem;padding:1rem 1.4rem;color:var(--text-light);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.96rem}.dropdown-item:hover{background:var(--accent-bg);padding-left:1.6rem}.dropdown-icon{display:inline-flex;align-items:center;width:1.2rem}.dropdown-form{margin:0}.logout-item{border-top:1px solid var(--border-color);color:#c53030}.dark .logout-item{border-top-color:#a8b58a40;color:#fc8181}.logout-item:hover{background:#e53e3e1a}@media(max-width:768px){.user-dropdown{position:static;max-height:0;overflow:hidden;opacity:1;visibility:visible;transform:none;margin-top:.6rem;transition:max-height .4s var(--transition-smooth)}.user-dropdown.show{max-height:350px}}.nav-links::-webkit-scrollbar{width:8px}.nav-links::-webkit-scrollbar-track{background:transparent}.nav-links::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.nav-links::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}