body{display:grid;grid-template-columns:1fr;min-height:100vh}@media (min-width:1024px){body{grid-template-columns:auto 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar main" "sidebar footer"}body.logged-out[data-section=admin]{grid-template-columns:1fr}}main,main.site-layout__main{min-height:100vh;background-color:var(--bg);max-width:100%;overflow-x:hidden}@media (min-width:1024px){main.site-layout__main,main:not(main main){grid-area:main;min-height:0}}.sidebar{height:100vh;background-color:var(--surface-elevated);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--transition-slow);overflow:hidden;position:sticky;top:0}@media (min-width:1024px){.sidebar{grid-area:sidebar}}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar--expanded{width:var(--sidebar-width-expanded)}.sidebar--hidden{width:0!important;border-right:none;overflow:hidden;pointer-events:none}@media (max-width:1023px){.sidebar{display:none}}.sidebar__container{height:100%;width:100%}.sidebar__container,.sidebar__top{display:flex;flex-direction:column}.sidebar__top{gap:var(--space-3xs);padding:var(--space-m);padding-bottom:var(--space-s);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar__logo{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);font-size:var(--t-s);font-weight:700;text-decoration:none;white-space:nowrap;border-radius:var(--radius-s);transition:all var(--transition-fast);align-self:flex-start;width:100%}.sidebar--collapsed .sidebar__logo{justify-content:center;padding:var(--space-s)}.sidebar__logo-icon{width:var(--space-l);height:var(--space-l);color:var(--primary);flex-shrink:0}.sidebar__logo-text{color:var(--fg);opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__logo-text{opacity:0;width:0;overflow:hidden}.sidebar__toggle{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background-color:transparent;border:none;font-size:var(--t-s);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;width:100%}.sidebar--collapsed .sidebar__toggle{justify-content:center;padding:var(--space-s)}.sidebar__toggle:hover{background-color:var(--surface-subtle);color:var(--fg)}.sidebar__toggle svg{width:var(--space-l);height:var(--space-l);flex-shrink:0}.sidebar__toggle span,.sidebar__toggle svg{color:var(--fg-subtle);transition:color var(--transition-fast)}.sidebar__toggle:hover span,.sidebar__toggle:hover svg{color:var(--fg)}.sidebar__header{min-height:6.4rem}.sidebar__header,.sidebar__user{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-m);border-bottom:1px solid var(--border)}.sidebar__user-avatar{width:4rem;height:4rem;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:var(--t-s);font-weight:600;color:var(--fg)}.sidebar__user-email,.sidebar__user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{font-size:1.2rem;color:var(--fg-subtle)}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-m)}.sidebar__nav--spaced{display:flex;flex-direction:column;justify-content:space-between}.sidebar__nav-list{display:flex;flex-direction:column;gap:var(--space-3xs);list-style:none;margin:0;padding:0}.sidebar__nav-list--bottom{margin-top:auto;padding-top:var(--space-m);border-top:1px solid var(--border)}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);text-decoration:none;font-size:var(--t-s);font-weight:500;transition:all var(--transition-fast);white-space:nowrap;position:relative}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:var(--space-s)}.sidebar__nav-item:hover{background-color:var(--surface-subtle)}.sidebar__nav-item--active{background-color:var(--primary)}.sidebar__nav-item--active:hover{background-color:var(--primary-muted)}.sidebar__nav-icon{width:var(--space-l);height:var(--space-l);flex-shrink:0;color:var(--fg-subtle);transition:color var(--transition-fast)}.sidebar__nav-item:hover .sidebar__nav-icon{color:var(--fg)}.sidebar__nav-item--active .sidebar__nav-icon{color:var(--primary-foreground)}.sidebar__nav-label{opacity:1;color:var(--fg-subtle);transition:all var(--transition-fast)}.sidebar__nav-item:hover .sidebar__nav-label{color:var(--fg)}.sidebar__nav-item--active .sidebar__nav-label{color:var(--primary-foreground)}.sidebar--collapsed .sidebar__nav-label{opacity:0;width:0;overflow:hidden}.sidebar__nav-tooltip{background-color:var(--surface-elevated);color:var(--fg);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);font-size:var(--t-s);box-shadow:var(--shadow-m);z-index:var(--z-tooltip);border:1px solid var(--border)}.sidebar__nav-tooltip-arrow{fill:var(--border)}.sidebar__back{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);margin-bottom:var(--space-s);border-radius:var(--radius-s);color:var(--fg-subtle);text-decoration:none;font-size:var(--t-s);font-weight:500;transition:all var(--transition-fast);white-space:nowrap;width:100%}.sidebar--collapsed .sidebar__back{justify-content:center;padding:var(--space-s)}.sidebar__back:hover{background-color:var(--surface-subtle);color:var(--fg)}.sidebar__back svg{width:var(--space-l);height:var(--space-l);flex-shrink:0;transition:color var(--transition-fast)}.sidebar__back span{opacity:1;transition:opacity var(--transition-fast)}.sidebar--collapsed .sidebar__back span{opacity:0;width:0;overflow:hidden}.sidebar__section{padding:var(--space-s) var(--space-m);margin-top:var(--space-m);margin-bottom:var(--space-2xs)}.sidebar__section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.sidebar__bottom{margin-top:auto;padding:var(--space-m);border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-m)}.sidebar__divider{height:1px;background-color:var(--border);margin:0 calc(-1 * var(--space-m));margin-bottom:var(--space-s)}.sidebar__theme{display:flex!important;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m)!important;border-radius:var(--radius-s);transition:all var(--transition-fast);cursor:pointer;width:100%!important;height:auto!important;background:transparent;border:none;text-align:left;position:relative}.sidebar__theme .theme-toggle__icon{position:static!important;pointer-events:none!important}.sidebar__theme .theme-toggle__icon *{pointer-events:none!important}.sidebar__theme:hover{background-color:var(--surface-subtle)}.sidebar__theme:hover .sidebar__theme-label{color:var(--fg)}.sidebar--collapsed .sidebar__theme{justify-content:center;padding:var(--space-s)!important}.sidebar__theme-label{font-size:var(--t-s);font-weight:500;color:var(--fg-subtle);white-space:nowrap;opacity:1;transition:all var(--transition-fast)}.sidebar--collapsed .sidebar__theme-label{opacity:0;width:0;overflow:hidden}.sidebar__profile-trigger{display:flex;align-items:center;gap:var(--space-s);width:100%;padding:var(--space-s);border-radius:var(--radius-s);background-color:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.sidebar__profile-trigger:hover{background-color:var(--surface-subtle)}.sidebar--collapsed .sidebar__profile-trigger{justify-content:center;padding:var(--space-xs)}.sidebar__avatar{width:var(--space-xl);height:var(--space-xl);border-radius:var(--radius-full);flex-shrink:0}.sidebar__profile-info{flex:1;min-width:0;opacity:1;transition:opacity var(--transition-fast)}.sidebar__profile-info p{margin-bottom:0}.sidebar--collapsed .sidebar__profile-info{opacity:0;width:0;overflow:hidden}.sidebar__profile-name{font-size:var(--t-s);font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__profile-trigger:hover .sidebar__profile-name{color:var(--fg)}.sidebar__profile-status{font-size:var(--t-xs);color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__profile-trigger:hover .sidebar__profile-status{color:var(--fg)}.sidebar__profile-menu{min-width:24rem;background-color:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-m);padding:var(--space-s);box-shadow:var(--shadow-xl);z-index:var(--z-popover)}.sidebar__profile-menu-header{padding:var(--space-m);padding-bottom:var(--space-s)}.sidebar__profile-menu-name{font-size:var(--t-m);font-weight:600;color:var(--fg);margin-bottom:var(--space-3xs)}.sidebar__profile-menu-email{font-size:var(--t-s);color:var(--fg-subtle);margin-bottom:var(--space-s)}.sidebar__profile-menu-separator{height:1px;background-color:var(--border);margin:var(--space-s) 0}.sidebar__profile-menu-item{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);color:var(--fg);text-decoration:none;font-size:var(--t-s);cursor:pointer;transition:all var(--transition-fast);outline:none;width:100%}.sidebar__profile-menu-item:focus,.sidebar__profile-menu-item:hover{background-color:var(--surface-subtle)}.sidebar__profile-menu-item svg{width:1.6rem;height:1.6rem;color:var(--fg-subtle)}.sidebar__profile-menu-item--danger,.sidebar__profile-menu-item--danger svg{color:var(--danger)}.sidebar__footer{padding:var(--space-m);border-top:1px solid var(--border)}.sidebar__subscription-badge{padding:var(--space-s);background-color:var(--surface-subtle);border-radius:var(--radius-s);border:1px solid var(--border)}.sidebar__subscription-badge--upgrade{background:linear-gradient(135deg,var(--primary),var(--info));color:var(--primary-foreground);cursor:pointer;transition:opacity var(--transition-fast)}.sidebar__subscription-badge--upgrade:hover{opacity:.9}.main-content{min-height:100vh;transition:margin-left var(--transition-slow)}@media (min-width:1024px){.main-content--with-sidebar{margin-left:var(--sidebar-width)}}.site-footer{background-color:var(--surface-elevated);border-top:1px solid var(--border)}@media (min-width:1024px){.site-footer{grid-area:footer}}.site-footer section{padding-block:var(--section-space-m)}.site-footer__logo{opacity:.8;transition:opacity var(--transition-fast);display:flex;align-items:center}.site-footer__logo:hover{opacity:1}.site-footer__logo-svg{opacity:.9;filter:none;transition:filter var(--transition-fast),opacity var(--transition-fast)}[data-theme=dark] .site-footer__logo-svg{filter:invert(1) brightness(1)}.site-footer__nav{display:flex;gap:var(--space-l)}.site-footer__link{color:var(--fg-subtle);text-decoration:none;font-size:var(--t-s);transition:color var(--transition-fast)}.site-footer__link:hover{color:var(--fg)}