.msss-header{position:fixed;top:0;left:0;right:0;height:var(--msss-header-height);background:var(--msss-bg-elevated);border-bottom:1px solid var(--msss-border-light);box-shadow:var(--msss-shadow-sm);z-index:var(--msss-z-fixed);display:flex;align-items:center;padding:0 var(--msss-space-6);gap:var(--msss-space-6)}.msss-header__brand{display:flex;align-items:center;gap:var(--msss-space-3);text-decoration:none;color:var(--msss-text-primary);font-weight:var(--msss-font-semibold);font-size:var(--msss-text-lg);transition:opacity var(--msss-transition-fast)}.msss-header__brand:hover{opacity:.8}.msss-header__logo{height:36px;width:auto;display:block}.msss-header__title{font-size:var(--msss-text-base);font-weight:var(--msss-font-semibold);color:var(--msss-text-primary);white-space:nowrap}.msss-header__nav{display:flex;align-items:center;gap:var(--msss-space-2);margin-left:auto}.msss-header__search{width:240px;margin-right:var(--msss-space-4)}.msss-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--msss-space-2);min-height:var(--msss-button-height);padding:var(--msss-button-padding-y)var(--msss-button-padding-x);font-family:var(--msss-font-sans);font-size:var(--msss-text-sm);font-weight:var(--msss-font-medium);line-height:var(--msss-leading-tight);text-decoration:none;border:1px solid transparent;border-radius:var(--msss-radius-md);cursor:pointer;transition:all var(--msss-transition-fast);white-space:nowrap;user-select:none}.msss-button:focus-visible{outline:2px solid var(--msss-primary-500);outline-offset:2px}.msss-button--primary{background:var(--msss-primary-600);color:var(--msss-text-inverse)}.msss-button--primary:hover{background:var(--msss-primary-700)}.msss-button--secondary{background:var(--msss-bg-tertiary);color:var(--msss-text-primary);border-color:var(--msss-border-medium)}.msss-button--secondary:hover{background:var(--msss-gray-200);border-color:var(--msss-border-strong)}.msss-button--ghost{background:0 0;color:var(--msss-text-secondary)}.msss-button--ghost:hover{background:var(--msss-bg-tertiary);color:var(--msss-text-primary)}.msss-button--icon{min-width:var(--msss-button-height);padding:var(--msss-space-2)}.msss-dropdown{position:relative;display:inline-block}.msss-dropdown__trigger{display:flex;align-items:center;gap:var(--msss-space-2);min-height:var(--msss-button-height);padding:var(--msss-space-2)var(--msss-space-4);background:var(--msss-bg-tertiary);border:1px solid var(--msss-border-medium);border-radius:var(--msss-radius-md);font-size:var(--msss-text-sm);color:var(--msss-text-primary);cursor:pointer;transition:all var(--msss-transition-fast)}.msss-dropdown__trigger:hover{background:var(--msss-gray-200);border-color:var(--msss-border-strong)}.msss-dropdown__trigger svg{width:16px;height:16px;transition:transform var(--msss-transition-fast)}.msss-dropdown[data-open=true] .msss-dropdown__trigger svg{transform:rotate(180deg)}.msss-dropdown__menu{position:absolute;top:calc(100% + var(--msss-space-2));right:0;min-width:220px;background:var(--msss-bg-elevated);border:1px solid var(--msss-border-light);border-radius:var(--msss-radius-lg);box-shadow:var(--msss-shadow-lg);padding:var(--msss-space-2);z-index:var(--msss-z-dropdown);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--msss-transition-base)}.msss-dropdown[data-open=true] .msss-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.msss-dropdown__item{display:flex;align-items:center;justify-content:space-between;padding:var(--msss-space-3)var(--msss-space-4);font-size:var(--msss-text-sm);color:var(--msss-text-primary);text-decoration:none;border-radius:var(--msss-radius-md);cursor:pointer;transition:background var(--msss-transition-fast)}.msss-dropdown__item:hover{background:var(--msss-bg-tertiary)}.msss-dropdown__item--active{background:var(--msss-primary-50);color:var(--msss-primary-700);font-weight:var(--msss-font-medium)}.msss-badge{display:inline-flex;align-items:center;padding:.125rem var(--msss-space-2);font-size:var(--msss-text-xs);font-weight:var(--msss-font-semibold);line-height:1;border-radius:var(--msss-radius-full);text-transform:uppercase;letter-spacing:.025em}.msss-badge--primary{background:var(--msss-primary-100);color:var(--msss-primary-700)}.msss-badge--success{background:#d1fae5;color:#065f46}.msss-badge--warning{background:#fef3c7;color:#92400e}.msss-badge--neutral{background:var(--msss-gray-100);color:var(--msss-gray-700)}.msss-search{position:relative;width:100%}.msss-search__input{width:100%;height:40px;padding:var(--msss-space-2)var(--msss-space-10)var(--msss-space-2)var(--msss-space-4);font-family:var(--msss-font-sans);font-size:var(--msss-text-sm);color:var(--msss-text-primary);background:var(--msss-bg-secondary);border:1px solid var(--msss-border-medium);border-radius:var(--msss-radius-lg);transition:all var(--msss-transition-fast)}.msss-search__input::placeholder{color:var(--msss-text-tertiary)}.msss-search__input:focus{outline:none;border-color:var(--msss-primary-500);background:var(--msss-bg-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.msss-search__icon{position:absolute;right:var(--msss-space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--msss-text-tertiary);pointer-events:none}.msss-sidebar{position:fixed;top:var(--msss-header-height);left:0;bottom:0;width:var(--msss-sidebar-width);background:var(--msss-bg-secondary);border-right:1px solid var(--msss-border-light);overflow-y:auto;padding:var(--msss-space-6)var(--msss-space-4)}.msss-nav-group{margin-bottom:var(--msss-space-6)}.msss-nav-group__title{font-size:var(--msss-text-xs);font-weight:var(--msss-font-semibold);color:var(--msss-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--msss-space-2)var(--msss-space-3);margin-bottom:var(--msss-space-2)}.msss-nav-item{display:flex;align-items:center;gap:var(--msss-space-2);padding:var(--msss-space-2)var(--msss-space-3);font-size:var(--msss-text-sm);color:var(--msss-text-secondary);text-decoration:none;border-radius:var(--msss-radius-md);transition:all var(--msss-transition-fast);position:relative}.msss-nav-item:hover{background:var(--msss-bg-tertiary);color:var(--msss-text-primary)}.msss-nav-item--active{background:var(--msss-primary-50);color:var(--msss-primary-700);font-weight:var(--msss-font-medium)}.msss-nav-item--active::before{content:"";position:absolute;left:-var(--msss-space-4);top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--msss-primary-600);border-radius:var(--msss-radius-full)}.msss-nav-item__icon{width:18px;height:18px;flex-shrink:0}.msss-breadcrumbs{display:flex;align-items:center;gap:var(--msss-space-2);margin-bottom:var(--msss-space-6);font-size:var(--msss-text-sm);color:var(--msss-text-tertiary)}.msss-breadcrumb__item{display:flex;align-items:center;gap:var(--msss-space-2)}.msss-breadcrumb__link{color:var(--msss-text-tertiary);text-decoration:none;transition:color var(--msss-transition-fast)}.msss-breadcrumb__link:hover{color:var(--msss-primary-600)}.msss-breadcrumb__separator{color:var(--msss-text-tertiary)}.msss-breadcrumb__current{color:var(--msss-text-primary);font-weight:var(--msss-font-medium)}.msss-layout{display:grid;grid-template-columns:var(--msss-sidebar-width)1fr;grid-template-rows:var(--msss-header-height)1fr;min-height:100vh}.msss-layout__header{grid-column:1/-1;grid-row:1}.msss-layout__sidebar{grid-column:1;grid-row:2}.msss-layout__main{grid-column:2;grid-row:2;padding:var(--msss-space-8)var(--msss-space-6);max-width:var(--msss-content-width);margin:0 auto;width:100%}.msss-callout{padding:var(--msss-space-4);border-left:4px solid var(--msss-primary-500);border-radius:var(--msss-radius-md);margin:var(--msss-space-6)0}.msss-callout--note{background:var(--msss-primary-50);border-color:var(--msss-primary-500)}.msss-callout--warning{background:#fef3c7;border-color:var(--msss-warning)}.msss-callout--danger{background:#fee2e2;border-color:var(--msss-error)}.msss-callout--success{background:#d1fae5;border-color:var(--msss-success)}.msss-callout__title{font-weight:var(--msss-font-semibold);margin-bottom:var(--msss-space-2)}code{font-family:var(--msss-font-mono);font-size:.9em;background:var(--msss-bg-tertiary);padding:.125rem .375rem;border-radius:var(--msss-radius-sm)}pre code{background:0 0;padding:0}pre{background:var(--msss-gray-900);color:var(--msss-gray-100);padding:var(--msss-space-4);border-radius:var(--msss-radius-lg);overflow-x:auto;margin:var(--msss-space-6)0}@media(max-width:896px){.msss-header{padding:0 var(--msss-space-4)}.msss-header__search{display:none}.msss-sidebar{transform:translateX(-100%);transition:transform var(--msss-transition-base)}.msss-sidebar--open{transform:translateX(0)}.msss-layout{grid-template-columns:1fr}.msss-layout__main{padding:var(--msss-space-6)var(--msss-space-4)}}