.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.mobile-drawer-backdrop{position:fixed;z-index:998;inset:0;background:var(--color-overlay);animation:drawer-fade-in var(--transition-base)}.mobile-drawer{position:fixed;z-index:999;top:0;right:0;bottom:0;display:flex;width:min(360px,90vw);flex-direction:column;border-left:1px solid var(--color-border);background:var(--color-background);box-shadow:var(--shadow-lg);animation:drawer-slide-in var(--transition-slow)}.mobile-drawer-brand{display:flex;min-height:64px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-5)}.mobile-drawer-close{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text-secondary);cursor:pointer}.mobile-drawer-close:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.mobile-drawer-close:focus-visible,.mobile-drawer-item:focus-visible{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent),0 0 0 3px var(--color-accent-soft);outline:none}.mobile-drawer-header{display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);padding:var(--space-5)}.mobile-drawer-avatar{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:50%;background:var(--color-primary);color:var(--color-primary-foreground);font-size:var(--text-base);font-weight:700}.mobile-drawer-user-info{min-width:0}.mobile-drawer-user-email,.mobile-drawer-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-user-name{color:var(--color-text-primary);font-size:var(--text-base);font-weight:700}.mobile-drawer-user-email{margin-top:2px;color:var(--color-text-secondary);font-size:var(--text-sm)}.mobile-drawer-content{flex:1;overflow-y:auto;padding:var(--space-3) 0}.mobile-drawer-section{padding:var(--space-1) var(--space-3)}.mobile-drawer-item{display:flex;width:100%;min-height:48px;align-items:center;gap:var(--space-3);border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text-primary);padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.mobile-drawer-item:hover{background:var(--color-surface-muted)}.mobile-drawer-item-primary{background:var(--color-primary);color:var(--color-primary-foreground)}.mobile-drawer-item-primary:hover{background:var(--color-primary-hover)}.mobile-drawer-item.danger{color:var(--color-danger)}.mobile-drawer-item.danger:hover{background:var(--color-danger-soft)}.mobile-drawer-divider{height:1px;margin:var(--space-3) var(--space-5);background:var(--color-border)}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:640px){.mobile-drawer-close{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer-backdrop{animation:none}}.app-header{position:sticky;z-index:900;top:0;border-bottom:1px solid var(--color-border);background:var(--color-background)}.header-inner{display:flex;width:min(100%,var(--content-wide));min-height:64px;align-items:center;gap:var(--space-4);margin:0 auto;padding:var(--space-3) var(--space-6)}.header-spacer{flex:1}.brand-button,.mobile-menu-toggle,.nav-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--color-text-primary);font:inherit;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.brand-button{padding:var(--space-1) var(--space-2)}.nav-button{gap:var(--space-2);padding:0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:600}.mobile-menu-toggle{width:36px;padding:0}.brand-button:hover,.mobile-menu-toggle:hover,.nav-button:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.brand-button:focus-visible,.mobile-menu-toggle:focus-visible,.nav-button:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.header-actions{display:flex;align-items:center}@media (max-width:640px){.header-inner{min-height:60px;padding:var(--space-2) var(--space-4)}.brand-button,.mobile-menu-toggle,.nav-button{min-height:44px}.mobile-menu-toggle{width:44px}}