.react-bits-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-family:inherit;font-weight:600;cursor:pointer;border:none;outline:none;-webkit-user-select:none;user-select:none;overflow:hidden;box-shadow:0 2px 8px #0000000f;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.react-bits-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159}.btn-content-inner{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-sm{padding:.35rem .75rem;font-size:.775rem;border-radius:6px}.btn-md{padding:.55rem 1.15rem;font-size:.875rem;border-radius:8px}.btn-lg{padding:.75rem 1.6rem;font-size:1rem;border-radius:10px}.btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{box-shadow:0 6px 20px #4f46e573}.btn-secondary{background:#f1f5f9;color:#1e293b;border:1px solid #cbd5e1}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #dc26264d}.btn-danger:hover{box-shadow:0 6px 20px #dc262673}.btn-outline{background:transparent;color:#4f46e5;border:1.5px solid #6366f1}.btn-outline:hover{background:#6366f114}.btn-ghost{background:transparent;color:#64748b;box-shadow:none}.btn-ghost:hover{background:#f1f5f9;color:#0f172a}.btn-disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}.btn-shine-effect{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:skew(-20deg);pointer-events:none;z-index:1;transition:left .6s ease}.react-bits-btn:hover .btn-shine-effect{left:140%}body.dark-mode .btn-secondary{background:#0f172a;color:#f8fafc;border-color:#334155}body.dark-mode .btn-secondary:hover{background:#1e293b;border-color:#475569}body.dark-mode .btn-ghost{color:#cbd5e1}body.dark-mode .btn-ghost:hover{background:#1e293b;color:#fff}body.dark-mode .btn-outline{color:#818cf8;border-color:#6366f1}body.dark-mode .btn-outline:hover{background:#6366f133}.custom-dropdown-root{position:relative;display:inline-flex;flex-direction:column;width:100%;min-width:180px;font-family:inherit}.custom-dropdown-root.size-sm{min-width:130px}.dropdown-label{font-size:.825rem;font-weight:700;color:#334155;margin-bottom:.35rem}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;min-height:40px;padding:.35rem .75rem;background:#fff;border:1px solid #cbd5e1;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.custom-dropdown-root.size-sm .dropdown-trigger{min-height:32px;padding:.2rem .55rem;border-radius:6px;font-size:.825rem}.dropdown-trigger:hover{border-color:#4f46e5;background:#f8fafc}.dropdown-trigger:focus,.custom-dropdown-root.is-open .dropdown-trigger{outline:none;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca2e;background:#fff}.custom-dropdown-root.is-disabled .dropdown-trigger{background:#f1f5f9;border-color:#e2e8f0;cursor:not-allowed;opacity:.7}.dropdown-trigger-content{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;overflow:hidden}.dropdown-placeholder{color:#94a3b8;font-size:.875rem;font-weight:500;white-space:nowrap}.custom-dropdown-root.size-sm .dropdown-placeholder{font-size:.8rem}.dropdown-selected-value{color:#0f172a;font-size:.875rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-dropdown-root.size-sm .dropdown-selected-value{font-size:.825rem}.dropdown-tags-container{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;max-width:100%}.dropdown-tag{display:inline-flex;align-items:center;gap:.3rem;background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:6px;padding:.15rem .45rem;font-size:.775rem;font-weight:600;line-height:1.2}.custom-dropdown-root.size-sm .dropdown-tag{padding:.1rem .35rem;font-size:.725rem}.dropdown-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#3730a326;color:#3730a3;border:none;font-size:.85rem;font-weight:700;cursor:pointer;padding:0;line-height:1;transition:all .15s ease}.dropdown-tag-remove:hover{background:#dc2626;color:#fff}.dropdown-trigger-actions{display:flex;align-items:center;gap:.35rem}.dropdown-clear-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e2e8f0;color:#64748b;border:none;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s ease}.dropdown-clear-btn:hover{background:#cbd5e1;color:#0f172a}.dropdown-chevron{display:flex;align-items:center;justify-content:center;color:#64748b;transition:transform .2s ease}.custom-dropdown-root.is-open .dropdown-chevron{transform:rotate(180deg);color:#4338ca}.dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 12px 30px #0f172a24,0 4px 10px #0f172a0d;padding:.5rem;display:flex;flex-direction:column;gap:.4rem;max-height:280px;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-box{position:relative;display:flex;align-items:center;width:100%}.dropdown-search-box .search-icon{position:absolute;left:.65rem;color:#94a3b8;pointer-events:none}.dropdown-search-input{width:100%;padding:.45rem 1.8rem .45rem 2rem;font-size:.825rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#0f172a;outline:none;transition:border .15s ease}.dropdown-search-input:focus{border-color:#4f46e5;background:#fff}.search-clear-btn{position:absolute;right:.5rem;background:none;border:none;color:#94a3b8;font-size:1rem;cursor:pointer}.search-clear-btn:hover{color:#0f172a}.dropdown-multi-actions{display:flex;align-items:center;justify-content:space-between;padding:.25rem .35rem;border-bottom:1px solid #f1f5f9}.dropdown-action-btn{background:none;border:none;color:#4f46e5;font-size:.75rem;font-weight:700;cursor:pointer;padding:0}.dropdown-action-btn:hover{text-decoration:underline}.dropdown-options-list{display:flex;flex-direction:column;gap:.15rem;max-height:200px;overflow-y:auto;padding-right:.2rem}.dropdown-options-list::-webkit-scrollbar{width:5px}.dropdown-options-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dropdown-options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dropdown-option-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:8px;font-size:.85rem;color:#334155;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.custom-dropdown-root.size-sm .dropdown-option-item{padding:.35rem .5rem;font-size:.8rem}.dropdown-option-item:hover{background:#f1f5f9;color:#0f172a}.dropdown-option-item.selected{background:#eef2ff;color:#3730a3;font-weight:600}.checkbox-box{width:16px;height:16px;border:1.5px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .15s ease}.checkbox-box.checked{background:#4338ca;border-color:#4338ca;color:#fff}.option-checkmark{margin-left:auto;color:#4338ca;display:flex;align-items:center}.dropdown-no-options{padding:1rem;text-align:center;font-size:.825rem;color:#94a3b8}[data-theme=dark] .dropdown-trigger,.dark .dropdown-trigger{background:#0f172a;border-color:#334155;color:#f8fafc}[data-theme=dark] .dropdown-trigger:hover,.dark .dropdown-trigger:hover{background:#1e293b;border-color:#6366f1}[data-theme=dark] .dropdown-selected-value,.dark .dropdown-selected-value{color:#f8fafc}[data-theme=dark] .dropdown-menu,.dark .dropdown-menu{background:#0f172a;border-color:#334155;box-shadow:0 12px 30px #00000080}[data-theme=dark] .dropdown-search-input,.dark .dropdown-search-input{background:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=dark] .dropdown-option-item,.dark .dropdown-option-item{color:#cbd5e1}[data-theme=dark] .dropdown-option-item:hover,.dark .dropdown-option-item:hover{background:#1e293b;color:#fff}[data-theme=dark] .dropdown-option-item.selected,.dark .dropdown-option-item.selected{background:#6366f140;color:#a5b4fc}
