.layout-auth{min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.layout-auth-main{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--spacing-xl);box-shadow:var(--shadow-lg)}.layout-hk{background-color:var(--bg-neutral);flex-direction:column;min-height:100vh;display:flex}.layout-hk-main{padding:var(--spacing-md);padding-bottom:calc(64px + var(--spacing-md));flex:1}.layout-hk-nav{background-color:var(--bg-surface);z-index:50;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.hk-nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;transition:color .2s;display:flex}.hk-nav-item span{font-size:.75rem;font-weight:500}.hk-nav-item.active{color:var(--color-primary)}.layout-sv{background-color:var(--bg-neutral);min-height:100vh;display:flex}.layout-sv-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);z-index:40;flex-direction:column;width:250px;display:flex;position:fixed;top:0;bottom:0;left:0}.sv-sidebar-header{align-items:center;gap:var(--spacing-sm);height:64px;padding:0 var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex}.sv-sidebar-logo-img{object-fit:contain;border-radius:var(--radius-md);flex-shrink:0;width:36px;height:36px}.sv-sidebar-header h2{color:var(--color-primary);font-size:1.25rem}.sv-sidebar-nav{padding:var(--spacing-md) 0;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.sv-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-muted);transition:all .2s;display:flex}.sv-nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.sv-nav-item.active{background-color:var(--color-primary);color:var(--text-inverse);border-right:4px solid var(--color-info)}.sv-sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color)}.sv-logout-btn{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.875rem;transition:all .2s;display:flex}.sv-logout-btn:hover{color:var(--color-danger);background:#fee2e2}.layout-sv-content{flex-direction:column;flex:1;margin-left:250px;display:flex}.sv-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);height:64px;padding:0 var(--spacing-lg);z-index:30;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sv-header-left{align-items:center;gap:var(--spacing-sm);display:flex}.sv-location-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-surface);cursor:pointer;font-size:.875rem;font-weight:600}.sv-header-right{align-items:center;gap:var(--spacing-sm);display:flex}.sv-main{padding:var(--spacing-lg);flex:1}@media (max-width:768px){.layout-sv-sidebar{transition:transform .3s;transform:translate(-100%)}.layout-sv-content{margin-left:0}}