.layout{display:flex;min-height:100vh}.layout__sidebar{position:fixed;top:0;left:0;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:200;transition:transform .25s ease}.layout__overlay{position:fixed;inset:0;z-index:199;background-color:var(--color-overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}.layout__logo{display:flex;align-items:center;height:var(--header-height);padding:0 var(--spacing-xl);border-bottom:1px solid var(--color-border)}.layout__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent);letter-spacing:-.5px}.layout__nav{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md)}.layout__link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-muted);text-decoration:none;border-radius:var(--border-radius-md);transition:color .15s,background-color .15s;font-family:var(--font-family)}.layout__link:hover,.layout__link--active{color:var(--color-text);background-color:var(--color-surface-hover)}.layout__main{display:flex;flex-direction:column;flex:1;margin-left:var(--sidebar-width);min-width:0}.layout__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);height:var(--header-height);padding:0 var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.layout__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);flex:1}.layout__content{flex:1;padding:var(--spacing-2xl);min-width:0}@media(width<=768px){.layout__sidebar{transform:translate(-100%)}.layout--open .layout__sidebar{transform:translate(0)}.layout--open .layout__overlay{opacity:1;pointer-events:auto}.layout__main{margin-left:0}.layout__header{padding:0 var(--spacing-lg)}.layout__content{padding:var(--spacing-lg)}}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-md)}.sidebar-nav__link{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none;border-radius:var(--border-radius-md);transition:color .15s,background-color .15s}.sidebar-nav__link:hover,.sidebar-nav__link--active{color:var(--color-text);background-color:var(--color-surface-hover)}.logout-button{display:block;width:calc(100% - var(--spacing-lg));margin:auto var(--spacing-sm) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;background:none;border:1px solid var(--color-border);border-radius:var(--border-radius-md);transition:color .15s,border-color .15s}.logout-button:hover{color:var(--color-danger);border-color:var(--color-danger)}.no-permission{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:200px;padding:var(--spacing-xl);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.no-permission__icon{color:var(--color-text-muted)}.no-permission__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.no-permission__text{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center}.no-permission__link{color:var(--color-text);text-underline-offset:3px}.no-permission__link:hover{color:var(--color-text-muted)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-muted);transition:color .15s,border-color .15s,background-color .15s;flex-shrink:0}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-text-muted);background-color:var(--color-surface-hover)}.theme-toggle__icon{display:block}.sidebar-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-muted);flex-shrink:0;transition:color .15s,border-color .15s}.sidebar-toggle:hover{color:var(--color-text);border-color:var(--color-text-muted)}@media(width<=768px){.sidebar-toggle{display:flex}}