.saw-app{display:flex;flex-direction:column;min-height:100vh}.saw-app__main{display:flex;flex:1}.saw-app__content{flex:1;overflow-y:auto}.saw-header{height:var(--saw-header-height);background:var(--saw-surface);border-bottom:1px solid var(--saw-border);display:flex;align-items:center;position:sticky;top:0;z-index:var(--saw-z-sticky);width:100%}.saw-header__container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--saw-container-max,1280px);margin:0 auto;padding:0 var(--saw-spacing-4,1rem);height:100%}.saw-header__logo{display:flex;align-items:center;gap:var(--saw-space-3)}.saw-header__logo-link{display:flex;align-items:center;text-decoration:none;color:var(--saw-text);font-weight:var(--saw-font-bold);font-size:var(--saw-text-xl)}.saw-header__logo img,.saw-header__logo .custom-logo{height:32px;width:auto}.saw-header__nav{display:flex;align-items:center;gap:var(--saw-space-1);margin-left:var(--saw-space-8);height:100%}.saw-header__nav-list{display:flex;align-items:center;gap:var(--saw-space-1);margin:0;padding:0;list-style:none;height:100%}.saw-header__nav-item{position:relative;height:100%;display:flex;align-items:center}.saw-header__nav-link{display:flex;align-items:center;gap:var(--saw-space-2);padding:var(--saw-space-2) var(--saw-space-3);font-size:var(--saw-text-sm);font-weight:var(--saw-font-medium);color:var(--saw-text-secondary);border-radius:var(--saw-radius);transition:all var(--saw-duration-fast) var(--saw-ease-default);text-decoration:none;white-space:nowrap}.saw-header__nav-link:hover{color:var(--saw-text);background:var(--saw-bg-alt)}.saw-header__nav-item--active .saw-header__nav-link{color:var(--saw-primary)}.saw-header__nav-link .saw-icon{width:18px;height:18px;flex-shrink:0}.saw-header__nav-chevron{width:14px!important;height:14px!important;margin-left:2px;transition:transform 0.2s}.saw-header__nav-item--has-children:hover .saw-header__nav-chevron{transform:rotate(180deg)}.saw-header__nav-item--highlight>.saw-header__nav-link{color:var(--saw-primary);font-weight:600}.saw-header__dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:180px;background:var(--saw-surface);border:1px solid var(--saw-border);border-radius:var(--saw-radius-lg);box-shadow:var(--saw-shadow-lg);padding:var(--saw-space-2) 0;opacity:0;visibility:hidden;transition:opacity 0.15s,visibility 0.15s;z-index:100;list-style:none;margin:0}.saw-header__nav-item--has-children:hover .saw-header__dropdown-menu{opacity:1;visibility:visible}.saw-header__dropdown-menu li{margin:0}.saw-header__dropdown-link{display:block;padding:var(--saw-space-2) var(--saw-space-4);color:var(--saw-text);text-decoration:none;font-size:var(--saw-text-sm);transition:background 0.15s}.saw-header__dropdown-link:hover{background:var(--saw-bg-alt);color:var(--saw-primary)}.saw-header__actions{display:flex;align-items:center;gap:var(--saw-space-2);margin-left:auto}.saw-header__search{position:relative;width:240px}.saw-header__search-input{width:100%;padding:var(--saw-space-2) var(--saw-space-3);padding-left:var(--saw-space-10);font-size:var(--saw-text-sm);background:var(--saw-bg-alt);border:1px solid #fff0;border-radius:var(--saw-radius-full)}.saw-header__search-input:focus{background:var(--saw-surface);border-color:var(--saw-border)}.saw-header__search-icon{position:absolute;left:var(--saw-space-3);top:50%;transform:translateY(-50%);color:var(--saw-text-tertiary)}.saw-sidebar{width:var(--saw-sidebar-width);background:var(--saw-surface);border-right:1px solid var(--saw-border);display:flex;flex-direction:column;overflow-y:auto;transition:width var(--saw-duration-normal) var(--saw-ease-default)}.saw-sidebar.is-collapsed{width:var(--saw-sidebar-collapsed)}.saw-sidebar__header{padding:var(--saw-space-4);border-bottom:1px solid var(--saw-border)}.saw-sidebar__nav{flex:1;padding:var(--saw-space-4)}.saw-sidebar__section{margin-bottom:var(--saw-space-6)}.saw-sidebar__section-title{font-size:var(--saw-text-xs);font-weight:var(--saw-font-semibold);color:var(--saw-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--saw-space-2);margin-bottom:var(--saw-space-2)}.saw-sidebar__link{display:flex;align-items:center;gap:var(--saw-space-3);padding:var(--saw-space-3);font-size:var(--saw-text-sm);color:var(--saw-text-secondary);border-radius:var(--saw-radius);transition:all var(--saw-duration-fast) var(--saw-ease-default)}.saw-sidebar__link:hover{color:var(--saw-text);background:var(--saw-bg-alt)}.saw-sidebar__link.is-active{color:var(--saw-primary);background:var(--saw-primary-subtle)}.saw-sidebar__link-icon{flex-shrink:0;width:20px;height:20px}.saw-sidebar__footer{padding:var(--saw-space-4);border-top:1px solid var(--saw-border)}.saw-container{width:100%;max-width:var(--saw-container-max,1280px);margin:0 auto;padding:0 var(--saw-spacing-4,1rem)}.saw-container--sm{max-width:var(--saw-container-sm)}.saw-container--md{max-width:var(--saw-container-md)}.saw-container--lg{max-width:var(--saw-container-lg)}.saw-container--full{max-width:none}.saw-page{padding:var(--saw-space-6)}.saw-page__header{margin-bottom:var(--saw-space-6)}.saw-page__title{font-size:var(--saw-text-3xl);font-weight:var(--saw-font-bold);margin-bottom:var(--saw-space-2)}.saw-page__subtitle{font-size:var(--saw-text-lg);color:var(--saw-text-secondary)}.saw-layout-two-col{display:grid;grid-template-columns:1fr 320px;gap:var(--saw-space-6)}.saw-layout-two-col__main{min-width:0}.saw-layout-two-col__sidebar{position:sticky;top:calc(var(--saw-header-height) + var(--saw-space-6));max-height:calc(100vh - var(--saw-header-height) - var(--saw-space-12));overflow-y:auto}.saw-grid{display:grid;gap:var(--saw-space-4)}.saw-grid--2{grid-template-columns:repeat(2,1fr)}.saw-grid--3{grid-template-columns:repeat(3,1fr)}.saw-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.saw-grid--4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.saw-grid--3,.saw-grid--4{grid-template-columns:repeat(2,1fr)}.saw-layout-two-col{grid-template-columns:1fr}.saw-layout-two-col__sidebar{position:static;max-height:none}}@media (max-width:640px){.saw-grid--2,.saw-grid--3,.saw-grid--4{grid-template-columns:1fr}}.saw-flex{display:flex}.saw-flex-col{flex-direction:column}.saw-items-center{align-items:center}.saw-justify-center{justify-content:center}.saw-justify-between{justify-content:space-between}.saw-gap-2{gap:var(--saw-space-2)}.saw-gap-4{gap:var(--saw-space-4)}.saw-gap-6{gap:var(--saw-space-6)}.saw-text-center{text-align:center}.saw-text-right{text-align:right}.saw-text-muted{color:var(--saw-text-secondary)}.saw-mt-4{margin-top:var(--saw-space-4)}.saw-mt-6{margin-top:var(--saw-space-6)}.saw-mb-4{margin-bottom:var(--saw-space-4)}.saw-mb-6{margin-bottom:var(--saw-space-6)}.saw-hidden{display:none!important}.saw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.saw-hide-mobile{display:none!important}.saw-sidebar{position:fixed;left:0;top:var(--saw-header-height);bottom:0;z-index:var(--saw-z-fixed);transform:translateX(-100%)}.saw-sidebar.is-open{transform:translateX(0)}.saw-header__nav{display:none}}@media (min-width:769px){.saw-hide-desktop{display:none!important}}.saw-header__actions{display:flex;align-items:center;gap:var(--saw-space-1);margin-left:auto}.saw-header__action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--saw-text-secondary);background:#fff0;border:none;border-radius:var(--saw-radius);cursor:pointer;transition:all var(--saw-duration-fast) var(--saw-ease-default);flex-shrink:0;position:relative}.saw-header__action:hover{color:var(--saw-text);background:var(--saw-bg-alt)}.saw-header__action .saw-icon{width:20px;height:20px;flex-shrink:0}.saw-header__theme-toggle{z-index:1}.saw-header__cart{position:relative}.saw-header__cart-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;text-align:center;color:#fff;background:#DF003B;border-radius:9px}.saw-header__cart-count[data-cart-count="0"]{display:none}.saw-header__user-menu{position:relative;margin-left:var(--saw-space-2)}.saw-header__login-btn{margin-left:var(--saw-space-3);white-space:nowrap;text-decoration:none}.saw-header__login-btn.saw-btn--primary{background:var(--saw-primary)!important;color:var(--saw-white)!important;border-color:var(--saw-primary)!important;border-radius:var(--saw-radius)!important}.saw-header__login-btn.saw-btn--primary:hover{background:var(--saw-primary-hover)!important;border-color:var(--saw-primary-hover)!important}.saw-header__user-toggle{display:flex;align-items:center;gap:var(--saw-space-2);padding:var(--saw-space-1) var(--saw-space-3) var(--saw-space-1) var(--saw-space-1);background:#fff0;border:none;border-radius:var(--saw-radius-full);cursor:pointer;transition:all var(--saw-duration-fast) var(--saw-ease-default);color:var(--saw-text);width:auto;height:auto}.saw-header__user-toggle:hover{background:var(--saw-bg-alt)}.saw-header__avatar,.saw-header__avatar img,.saw-header__user-toggle img{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0}.saw-header__user-name{font-weight:500;font-size:var(--saw-text-sm);color:var(--saw-text);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.saw-header__user-toggle .saw-icon--chevron-down{width:16px;height:16px;color:var(--saw-text-secondary);transition:transform 0.2s ease;flex-shrink:0}.saw-header__user-menu:hover .saw-header__user-toggle .saw-icon--chevron-down,.saw-header__user-menu[aria-expanded="true"] .saw-header__user-toggle .saw-icon--chevron-down{transform:rotate(180deg)}.saw-header__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--saw-surface);border:1px solid var(--saw-border);border-radius:var(--saw-radius-lg);box-shadow:var(--saw-shadow-lg);padding:var(--saw-space-2);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all 0.15s ease;z-index:1000}.saw-header__dropdown::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px}.saw-header__user-menu:hover .saw-header__dropdown,.saw-header__user-menu:focus-within .saw-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.saw-header__dropdown-item{display:flex;align-items:center;gap:var(--saw-space-3);padding:var(--saw-space-3) var(--saw-space-4);color:var(--saw-text);text-decoration:none;font-size:var(--saw-text-sm);font-weight:500;border-radius:var(--saw-radius);transition:all var(--saw-duration-fast) var(--saw-ease-default)}.saw-header__dropdown-item:hover{background:var(--saw-bg-alt);color:var(--saw-primary)}.saw-header__dropdown-item--danger{color:var(--saw-error)}.saw-header__dropdown-item--danger:hover{background:rgb(239 68 68 / .1);color:var(--saw-error)}.saw-header__dropdown-divider{height:1px;background:var(--saw-border);border:none;margin:var(--saw-space-2) 0}.saw-header__dropdown-item .saw-icon{width:18px;height:18px;flex-shrink:0}.saw-header__mobile-toggle{display:none}@media (max-width:768px){.saw-header__nav{display:none}.saw-header__mobile-toggle{display:flex}.saw-header__user-name,.saw-header__user-toggle .saw-icon--chevron-down{display:none}.saw-header__user-toggle{padding:var(--saw-space-1);border-radius:50%}.saw-header__dropdown{right:-8px;min-width:180px}.saw-header__theme-toggle{display:flex}}.saw-icon--spin{animation:saw-spin 1s linear infinite}@keyframes saw-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}