:root{--primary:#033a88;--accent:#ffff00}.csf-wrapper{background:#fff;border:1px solid rgb(0 0 0 / .05);border-radius:12px;padding:16px;margin-bottom:24px;box-shadow:0 8px 20px rgb(0 0 0 / .04)}.csf-search input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #ddd;font-size:14px;outline:none}.csf-search input:focus{border-color:var(--primary)}.csf-child-cats{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.csf-checkbox{background:#f9f9f9;border-radius:8px;padding:10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;border:1px solid #eee}.csf-checkbox:hover{border-color:var(--primary)}.csf-checkbox input{accent-color:var(--primary)}.csf-loader{margin-top:12px;width:100%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));animation:loading 1s infinite linear}@keyframes loading{0%{background-position:0 0}100%{background-position:200px 0}}@media(max-width:768px){.csf-wrapper{padding:12px}}.csf-dropdown{position:absolute;width:100%;background:#fff;border:1px solid #eee;border-radius:10px;margin-top:6px;max-height:220px;overflow-y:auto;z-index:999;box-shadow:0 8px 20px rgb(0 0 0 / .05)}.csf-parent-item{padding:10px 12px;cursor:pointer;font-size:14px}.csf-parent-item:hover{background:rgb(3 58 136 / .08);color:var(--primary)}.csf-no-result{padding:10px;color:#777;font-size:13px}