.navbar{background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:10px;box-shadow:var(--shadow);gap:20px;min-height:60px}.navbar .nav-links,button{user-select:none}.nav-brand{font-size:1.25rem;font-weight:600;color:var(--text);text-decoration:none;margin-right:5px}.nav-brand a{color:inherit;text-decoration:none}.main-nav-menu{display:flex;align-items:center;flex:1;gap:20px;min-width:0}.main-nav-toggle{display:none}.nav-user{display:flex;align-items:center;justify-self:flex-end;gap:1rem;margin:auto 0 auto auto;height:100%}.nav-user form{height:100%}.nav-user span{color:var(--text-secondary)}.nav-links{cursor:pointer;display:flex;gap:1em}.nav-user-name{color:var(--text);font-weight:600}.nav-user-name:hover{text-decoration:underline;cursor:pointer;color:#fff}.nav-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:var(--text)}.page-header h1{font-size:1.875rem;font-weight:600}.back-link{color:var(--text);text-decoration:none;font-size:.875rem;margin-bottom:.5rem;display:inline-block}.back-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:5px 16px;font-size:.875rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s;border:none;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-block{width:100%}.btn-sm{padding:5px 16px;height:100%}@media(max-width:768px){.navbar{position:relative;z-index:10001;min-width:0;gap:12px}.navbar:before{content:"";position:absolute;inset:0;z-index:1;background:var(--bg-card);pointer-events:none}.navbar .nav-brand{position:relative;z-index:2;min-width:0;overflow-wrap:anywhere}.navbar .main-nav-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-left:auto;padding:10px;border:0;border-radius:var(--radius);background:transparent;color:var(--text);cursor:pointer;position:relative;z-index:2}.main-nav-toggle:focus-visible{outline:2px solid var(--text-secondary);outline-offset:2px}.main-nav-icon{width:24px;height:24px;background-color:currentColor;-webkit-mask:url(../images/hamburger.svg) center / contain no-repeat;mask:url(../images/hamburger.svg) center / contain no-repeat}.main-nav-menu{display:flex;position:fixed;z-index:0;inset:0;height:100vh;height:100dvh;padding:80px 24px 24px;background:var(--bg-card);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:16px;opacity:0;transform:translateY(-28px);visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility 0s linear .22s}.navbar[data-expanded=true] .main-nav-toggle{position:fixed;top:10px;right:10px}.navbar[data-expanded=true] .nav-brand{max-width:calc(100% - 56px)}.navbar[data-expanded=true] .main-nav-icon{-webkit-mask-image:url(../images/close.svg);mask-image:url(../images/close.svg)}.navbar[data-expanded=true] .main-nav-menu{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}@media(prefers-reduced-motion:reduce){.main-nav-menu{transition:none}}.main-nav-menu .nav-links,.main-nav-menu .nav-user{flex-direction:column;align-items:stretch;gap:16px;margin:0;height:auto;min-width:0;overflow-wrap:anywhere}.main-nav-menu .nav-link{padding:10px 0}.main-nav-menu .logout-form .btn{width:100%;min-height:44px}}