.categories-wrapper{--primary-text:#0a0a0a;--secondary-text:#6b6b6b;--border-color:#e5e5e5;--accent-color:#0a0a0a;--hover-bg:#f8f8f8;--card-bg:#fff;--transition:all .3s cubic-bezier(.4, 0, .2, 1);background:#fafafa;min-height:100vh}.hero-section{border-bottom:1px solid var(--border-color);opacity:0;background:linear-gradient(135deg,#fafafa 0%,#fff 100%);padding:1.5rem 0 3rem;animation:.6s forwards fadeInUp;transform:translateY(-20px)}.hero-section.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-content{max-width:800px}.breadcrumb-nav{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.breadcrumb-link{color:var(--secondary-text);transition:var(--transition);text-decoration:none}.breadcrumb-link:hover{color:var(--primary-text)}.breadcrumb-separator{color:var(--border-color)}.breadcrumb-current{color:var(--primary-text);font-weight:500}.hero-title{color:var(--primary-text);letter-spacing:-.02em;margin:0 0 1rem;font-size:3.5rem;font-weight:600;line-height:1.1}.hero-subtitle{color:var(--secondary-text);margin:0;font-size:1.125rem;font-weight:400}.main-container{padding:3rem 1rem}.layout-grid{grid-template-columns:280px 1fr;gap:4rem;max-width:1400px;margin:0 auto;display:grid}.sidebar{position:relative}.sidebar-sticky{position:sticky;top:170px}.sidebar-header{margin-bottom:2rem}.sidebar-title{color:var(--primary-text);letter-spacing:-.01em;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.sidebar-divider{background:var(--primary-text);width:40px;height:2px}.category-nav{flex-direction:column;gap:.25rem;display:flex}.nav-item{cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--accent-color);width:3px;transition:var(--transition);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nav-item:hover,.nav-item.active{background:var(--hover-bg)}.nav-item.active:before{transform:scaleY(1)}.nav-item-content{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.nav-icon-img,.nav-icon-placeholder{border-radius:6px;flex-shrink:0;width:32px;height:32px}.nav-icon-img{object-fit:cover}.nav-icon-placeholder{background:var(--hover-bg);color:var(--secondary-text);justify-content:center;align-items:center;font-size:1rem;display:flex}.nav-title{color:var(--primary-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:500;overflow:hidden}.nav-arrow{color:var(--secondary-text);opacity:0;transition:var(--transition);flex-shrink:0;font-size:1.25rem;transform:translate(-8px)}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1;transform:translate(0)}.content-area{min-width:0}.category-section{opacity:0;margin-bottom:5rem;animation:.6s .2s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.category-section:last-child{margin-bottom:0}.category-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1.5rem}.category-header-content{align-items:center;gap:1.25rem;display:flex}.category-icon-wrapper{flex-shrink:0}.category-icon-img,.category-icon-placeholder{border-radius:12px;width:56px;height:56px}.category-icon-img{object-fit:cover}.category-icon-placeholder{background:var(--hover-bg);color:var(--primary-text);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.categories-title{color:var(--primary-text);letter-spacing:-.02em;margin:0 0 .25rem;font-size:2rem;font-weight:600;line-height:1.2}.category-count{color:var(--secondary-text);margin:0;font-size:.875rem}.subcategories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.subcategory-card{background:var(--card-bg);border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;opacity:0;border-radius:10px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;animation:.4s forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subcategory-card:hover{border-color:var(--primary-text);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.subcategory-content{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.subcategory-icon{background:var(--hover-bg);width:40px;height:40px;color:var(--primary-text);transition:var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.subcategory-card:hover .subcategory-icon{background:var(--primary-text);color:#fff}.subcategory-title{color:var(--primary-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:500;overflow:hidden}.subcategory-arrow{color:var(--secondary-text);opacity:0;transition:var(--transition);flex-shrink:0;font-size:1.25rem;transform:translate(-8px)}.subcategory-card:hover .subcategory-arrow{opacity:1;transform:translate(0)}.empty-state{text-align:center;color:var(--secondary-text);padding:3rem 2rem}.empty-state i{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p{margin:0;font-size:.9375rem}@media (max-width:1200px){.layout-grid{gap:3rem}.subcategories-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:1024px){.layout-grid{grid-template-columns:1fr;gap:2.5rem}.sidebar{order:-1}.sidebar-sticky{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:1.5rem;position:static}.sidebar-header{margin-bottom:1.5rem}.category-nav{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.nav-item{padding:.875rem 1rem}.nav-arrow{opacity:1;transform:translate(0)}.main-container{padding:2.5rem 1.5rem}.subcategories-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:768px){.hero-section{padding:3rem 0 2.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.main-container{padding:2rem 1rem}.layout-grid{gap:2rem}.category-nav{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.categories-title{font-size:1.5rem}.subcategories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.category-section{margin-bottom:3rem}.category-header{margin-bottom:1.5rem;padding-bottom:1.25rem}}@media (max-width:640px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.9375rem}.sidebar-sticky{padding:1.25rem}.category-nav{grid-template-columns:1fr;gap:.375rem}.nav-item{padding:.75rem 1rem}.subcategories-grid{grid-template-columns:1fr;gap:.75rem}.subcategory-card{padding:1rem 1.25rem}.category-icon-img,.category-icon-placeholder{width:48px;height:48px}}@media (max-width:480px){.hero-section{padding:2.5rem 0 2rem}.hero-title{font-size:1.75rem}.container{padding-left:1rem;padding-right:1rem}.main-container{padding:1.5rem .75rem}.sidebar-sticky{border-radius:8px;padding:1rem}.sidebar-title{font-size:1.125rem}.category-header-content{gap:1rem}.category-icon-img,.category-icon-placeholder{width:44px;height:44px}.categories-title{font-size:1.375rem}.subcategory-card{padding:.875rem 1rem}.subcategory-icon{width:36px;height:36px;font-size:1.125rem}.subcategory-title{font-size:.875rem}.category-section{margin-bottom:2.5rem}}@media (max-width:360px){.hero-title{font-size:1.5rem}.nav-icon-img,.nav-icon-placeholder{width:28px;height:28px}.nav-title{font-size:.875rem}.category-icon-img,.category-icon-placeholder{width:40px;height:40px}.categories-title{font-size:1.25rem}}