.nice-select{position:relative; display:inline-block; width:100%;}
.nice-select-native{
  position:absolute; inset:0; opacity:0; pointer-events:none; width:100%; height:100%;
}
.nice-select-trigger{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px;
  background:var(--ns-bg, #fff); border:1px solid var(--ns-line, #E7E9EE); border-radius:var(--ns-radius, 10px);
  padding:10px 14px; font-size:13.5px; font-weight:500; color:var(--ns-ink, #15171C);
  cursor:pointer; text-align:left; font-family:inherit;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.nice-select-trigger:hover{border-color:var(--ns-line-hover, #C7CBD3);}
.nice-select.open .nice-select-trigger{
  border-color:var(--ns-accent, #2563EB);
  box-shadow:0 0 0 3px var(--ns-accent-ring, rgba(37,99,235,.14));
}
.nice-select-chevron{width:16px; height:16px; flex-shrink:0; color:var(--ns-ink-faint, #9AA0AC); transition:transform .25s cubic-bezier(.16,1,.3,1);}
.nice-select.open .nice-select-chevron{transform:rotate(180deg); color:var(--ns-accent, #2563EB);}

.nice-select-panel{
  position:absolute; top:calc(100% + 8px); left:0; right:0; z-index:60;
  background:var(--ns-bg, #fff); border:1px solid var(--ns-line, #E7E9EE); border-radius:12px;
  box-shadow:0 16px 36px -16px rgba(21,23,28,.28);
  padding:6px; max-height:0; overflow:hidden; opacity:0; pointer-events:none;
  transform:translateY(-4px) scale(.98); transform-origin:top center;
  transition:max-height .28s cubic-bezier(.16,1,.3,1), opacity .2s ease, transform .22s cubic-bezier(.16,1,.3,1);
}
.nice-select.open .nice-select-panel{
  max-height:280px; opacity:1; pointer-events:auto; transform:translateY(0) scale(1); overflow-y:auto;
}
.nice-select-option{
  display:flex; align-items:center; width:100%; text-align:left; padding:9px 12px; border-radius:8px;
  background:none; border:none; font-size:13.5px; font-family:inherit; color:var(--ns-ink, #15171C);
  cursor:pointer; transition:background .12s ease, color .12s ease;
}
.nice-select-option:hover{background:var(--ns-bg-2, #F5F6F8);}
.nice-select-option.active{background:var(--ns-accent, #2563EB); color:#fff; font-weight:600;}