.category-selector{padding:20px}.category-selector__header{text-align:center;margin-bottom:30px}.category-selector__header h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;color:#1f2937;margin-bottom:10px}.category-selector__header h3 i{color:#667eea}.category-selector__header p{color:#6b7280;font-size:14px}.category-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.category-card{display:flex;gap:16px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:.3s;position:relative}.category-card:hover{border-color:var(--category-color,#667eea);box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.category-card--selected{border-color:var(--category-color,#667eea);background:linear-gradient(135deg,color-mix(in srgb,var(--category-color) 5%,#fff) 0,#fff 100%);box-shadow:0 4px 16px color-mix(in srgb,var(--category-color) 20%,transparent)}.category-card__icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--category-color,#667eea);border-radius:14px;color:#fff;font-size:24px}.category-card__content{flex:1}.category-card__content h4{font-size:17px;font-weight:600;color:#1f2937;margin-bottom:6px}.category-card__content p{font-size:13px;color:#6b7280;line-height:1.5}.category-card__check{position:absolute;top:12px;right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:.2s}.category-card__check i{font-size:20px;color:var(--category-color,#667eea)}.category-card--selected .category-card__check{opacity:1;transform:scale(1)}.category-inline-selector{display:flex;flex-direction:column;gap:12px}.category-inline-selector label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;font-size:14px}.category-inline-selector label i{color:#667eea}.category-inline-options{display:flex;flex-wrap:wrap;gap:10px}.category-inline-option{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#f3f4f6;border:2px solid transparent;border-radius:10px;font-size:14px;font-weight:500;color:#4b5563;cursor:pointer;transition:.2s}.category-inline-option i{font-size:16px;color:var(--category-color,#667eea)}.category-inline-option:hover{background:#e5e7eb;border-color:var(--category-color,#667eea)}.category-inline-option.active{background:var(--category-color,#667eea);border-color:var(--category-color,#667eea);color:#fff}.category-inline-option.active i{color:#fff}@media (max-width:640px){.category-card{flex-direction:column;text-align:center}.category-card__icon{margin:0 auto}.category-inline-options{flex-direction:column}.category-inline-option{justify-content:center}}@media (prefers-color-scheme:dark){.category-selector__header h3{color:#f3f4f6}.category-selector__header p{color:#9ca3af}.category-card{background:#1f2937;border-color:#374151}.category-card:hover{border-color:var(--category-color,#667eea)}.category-card--selected{background:linear-gradient(135deg,color-mix(in srgb,var(--category-color) 15%,#1f2937) 0,#1f2937 100%)}.category-card__content h4{color:#f3f4f6}.category-card__content p{color:#9ca3af}.category-inline-selector label{color:#e5e7eb}.category-inline-option{background:#374151;color:#d1d5db}.category-inline-option:hover{background:#4b5563}}