.directoryLayout{padding:2rem 0}.breadcrumb{color:var(--text-tertiary);margin-bottom:2rem;font-size:.75rem}.breadcrumb a{color:var(--primary)}.breadcrumb span{color:var(--text-secondary)}.directoryHeader h1{margin-bottom:1rem;font-size:2.5rem}.directoryHeader h1 span{color:var(--primary)}.directoryHeader p{color:var(--text-secondary);max-width:800px;font-size:1.125rem}.headerContent{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.headerStats{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1rem;min-width:250px;padding:1rem;display:flex}.statBox{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.statBox:last-child{border-bottom:none;padding-bottom:0}.statLabel{color:var(--text-secondary);font-size:.875rem;font-weight:500}.statValue{font-size:1.25rem;font-weight:700}.mainLayout{gap:2rem;margin-top:2rem;display:flex}.sidebar{flex-shrink:0;width:280px}.content{flex:1}.filterHeader{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.filterHeader h3{font-size:1rem}.resetBtn{color:#ef4444;font-size:.75rem;font-weight:500}.filterGroup{margin-bottom:2rem}.filterGroup h4{color:var(--text-primary);border-bottom:1px solid var(--border-light);margin-bottom:1rem;padding-bottom:.5rem;font-size:.875rem}.activeFilters{flex-wrap:wrap;gap:.5rem;display:flex}.activeFilterTag{background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.checkboxLabel{color:var(--text-secondary);cursor:pointer;align-items:center;margin-bottom:.75rem;font-size:.875rem;display:flex}.checkboxLabel input{width:1rem;height:1rem;accent-color:var(--primary);margin-right:.75rem}.checkboxLabel .count{color:var(--text-tertiary);margin-left:auto;font-size:.75rem}.listHeader{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem;display:flex}.sortDropdown select{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:#fff;margin-left:.5rem;padding:.375rem .5rem;font-size:.875rem;font-weight:500}.toolsGrid{flex-direction:column;gap:1.5rem;display:flex}.toolCard{flex-direction:column;display:flex}.toolCardMain{gap:1.5rem;padding:1.5rem;display:flex}.toolIcon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.toolInfo{flex:1}.toolTitleRow{align-items:center;gap:.5rem;display:flex}.toolTitleRow h3{margin:0;font-size:1.25rem}.toolVerified{color:#3b82f6;font-size:.875rem}.toolCategory{color:var(--text-tertiary);margin-bottom:.75rem;font-size:.75rem;font-weight:500}.toolDesc{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.6}.toolProsCons{margin-bottom:1rem}.toolProsCons li{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.375rem;font-size:.875rem;display:flex}.toolProsCons .pro svg{color:#10b981}.toolProsCons .con svg{color:#ef4444}.toolPlatforms{gap:.5rem;display:flex}.platformBadge{background-color:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.125rem .5rem;font-size:.625rem;font-weight:600}.toolMeta{flex-direction:column;align-items:flex-end;min-width:100px;display:flex}.toolRating{flex-direction:column;align-items:flex-end;font-size:1.125rem;font-weight:700;display:flex}.toolRating .star{color:#f59e0b}.reviewsCount{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem;font-weight:400}.toolCardFooter{border-top:1px solid var(--border-light);background-color:#fafafa;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.toolPricing{flex-direction:column;display:flex}.priceLabel{color:var(--text-tertiary);letter-spacing:.05em;font-size:.625rem;font-weight:700}.priceText{color:var(--text-primary);font-size:.875rem;font-weight:600}.toolActions{gap:.75rem;display:flex}.pagination{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:2rem;font-size:.875rem;display:flex}.pageNumbers{align-items:center;gap:.5rem;display:flex}.pageBtn{border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;background-color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-weight:500;display:flex}.pageBtn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.pageBtn.next{background-color:var(--primary-light);width:auto;color:var(--primary);border:none;padding:0 1rem}
