/* Select2 disesuaikan dengan Tailwind */
.select2-container{width:100%!important}
.select2-container--default .select2-selection--single{height:2.6rem;border:1px solid #cbd5e1;border-radius:.75rem;display:flex;align-items:center;background:#fff}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:2.4rem;padding-left:.9rem;color:#1e293b}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:2.5rem;right:.4rem}
.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--open .select2-selection--single{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.25)}
.select2-dropdown{border:1px solid #c4b5fd;border-radius:.75rem;overflow:hidden;box-shadow:0 12px 30px -8px rgba(99,102,241,.35)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:linear-gradient(90deg,#6366f1,#d946ef)}
.select2-search--dropdown .select2-search__field{border-radius:.5rem;border:1px solid #cbd5e1;padding:.4rem .6rem}
.select2-container{z-index:60}
.tbl th{background:linear-gradient(90deg,#eef2ff,#fdf4ff);color:#4338ca;font-weight:700;font-size:.75rem;padding:.75rem 1rem;text-align:left;white-space:nowrap}
.tbl td{padding:.7rem 1rem;border-top:1px solid #f1f5f9;font-size:.875rem;vertical-align:middle}
.tbl tbody tr:hover{background:#faf5ff}
.inp{width:100%;border:1px solid #cbd5e1;border-radius:.75rem;padding:.6rem .9rem;background:#fff;font-size:.9rem}
.inp:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.25)}
.btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:.75rem;padding:.55rem 1.1rem;font-weight:600;font-size:.875rem;color:#fff;transition:.15s;cursor:pointer}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-primary{background:linear-gradient(90deg,#6366f1,#a855f7)}
.btn-pink{background:linear-gradient(90deg,#ec4899,#f43f5e)}
.btn-green{background:linear-gradient(90deg,#10b981,#14b8a6)}
.btn-amber{background:linear-gradient(90deg,#f59e0b,#f97316)}
.btn-sky{background:linear-gradient(90deg,#0ea5e9,#6366f1)}
.btn-ghost{background:#fff;color:#475569;border:1px solid #cbd5e1}
.lbl{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.3rem}
.card{background:#fff;border-radius:1.25rem;box-shadow:0 6px 24px -10px rgba(79,70,229,.25);border:1px solid #f1f5f9}
.nav-a{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:.8rem;color:#e0e7ff;font-weight:500;font-size:.9rem;transition:.15s}
.nav-a:hover{background:rgba(255,255,255,.14);color:#fff}
.nav-a.on{background:#fff;color:#4338ca;font-weight:700;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.chip{width:2rem;height:2rem;border-radius:.65rem;display:grid;place-items:center;font-size:1rem}
@media (prefers-reduced-motion:reduce){.btn{transition:none}}