.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-panel{position:fixed;top:0;left:0;bottom:0;z-index:999;width:300px;max-width:85vw;background:var(--sidebar-background, var(--bg-secondary, #fff));border-right:1px solid var(--sidebar-border, var(--border-color, #e5e7eb));transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto;box-shadow:4px 0 24px #00000026}[data-theme=dark] .sidebar-panel{background:var(--sidebar-background, var(--bg-secondary, hsl(30, 8%, 10%)))}.sidebar-panel.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sidebar-border, var(--border-color, #e5e7eb))}.sidebar-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--sidebar-foreground, var(--text-primary, #1a1a1a))}.sidebar-brand img{width:52px;height:52px;border-radius:0;-o-object-fit:contain;object-fit:contain}.sidebar-brand span{font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.1em}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--sidebar-foreground, var(--text-secondary, #6b7280));cursor:pointer;border-radius:0;transition:background-color .2s,color .2s}.sidebar-close-btn:hover{background:var(--sidebar-accent, var(--bg-tertiary, #f3f4f6));color:var(--sidebar-accent-foreground, var(--text-primary, #1a1a1a))}.sidebar-close-btn svg{width:20px;height:20px}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:2px}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;color:var(--sidebar-foreground, var(--text-secondary, #374151));text-decoration:none;border-radius:0;transition:background-color .2s,color .2s;letter-spacing:.02em}.sidebar-nav-link:hover{background:var(--sidebar-accent, var(--bg-tertiary, #f3f4f6));color:#dc2828}.sidebar-nav-link.active{background:var(--primary, #8d2032);color:#fff;font-weight:600}.sidebar-nav-link svg{width:20px;height:20px;flex-shrink:0;stroke-width:2}.sidebar-nav-separator{height:1px;background:var(--sidebar-border, var(--border-color, #e5e7eb));margin:.5rem 1rem}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--sidebar-border, var(--border-color, #e5e7eb));display:flex;flex-direction:column;gap:.75rem}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:var(--sidebar-foreground, var(--text-secondary, #374151));background:var(--sidebar-accent, var(--bg-tertiary, #f3f4f6));border:1px solid var(--sidebar-border, var(--border-color, #e5e7eb));border-radius:0;cursor:pointer;transition:background-color .2s,color .2s}.sidebar-theme-toggle:hover{background:var(--sidebar-primary, var(--primary));color:var(--sidebar-primary-foreground, #fff)}.sidebar-theme-toggle svg{width:16px;height:16px}.sidebar-auth-section{display:flex;gap:.5rem}.sidebar-auth-section .btn{flex:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;background:var(--background, #fff);border-bottom:1px solid var(--border, var(--border-color, #e5e7eb))}[data-theme=dark] .site-header{background:var(--background, hsl(30, 8%, 10%))}[data-theme=dark] .user-info,[data-theme=dark] .user-email{color:var(--foreground)}[data-theme=dark] .user-role{color:var(--muted-foreground)}[data-theme=dark] .user-menu-btn:hover{background:var(--accent)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.site-header-left,.site-header-right{display:flex;align-items:center;gap:.75rem}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--foreground, var(--text-primary, #1a1a1a));cursor:pointer;border-radius:0;transition:background-color .2s}.hamburger-btn:hover{background:var(--accent, var(--bg-tertiary, #f3f4f6))}.hamburger-btn svg{width:24px;height:24px}.header-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--foreground, var(--text-primary, #1a1a1a))}.header-brand img{width:48px;height:48px;border-radius:0;-o-object-fit:contain;object-fit:contain}.header-brand span{font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.1em}.header-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--muted-foreground, var(--text-secondary, #6b7280));cursor:pointer;border-radius:0;transition:background-color .2s,color .2s;position:relative}.header-theme-toggle:hover{background:var(--accent, var(--bg-tertiary, #f3f4f6));color:var(--accent-foreground, var(--text-primary, #1a1a1a))}.header-theme-toggle svg{width:18px;height:18px;position:absolute;transition:opacity .3s,transform .3s}.header-theme-toggle .sun-icon{opacity:1;transform:scale(1) rotate(0)}.header-theme-toggle .moon-icon{opacity:0;transform:scale(0) rotate(90deg)}[data-theme=dark] .header-theme-toggle .sun-icon{opacity:0;transform:scale(0) rotate(-90deg)}[data-theme=dark] .header-theme-toggle .moon-icon{opacity:1;transform:scale(1) rotate(0)}.header-auth-btns{display:flex;align-items:center;gap:.5rem}@media(max-width:480px){.header-auth-btns{display:none}}.has-sidebar-header{padding-top:64px}@keyframes sidebar-fade-in{0%{opacity:0}to{opacity:1}}