:root{--cs-font:inherit;--cs-text:#1F2630;--cs-muted:#64748B;--cs-bg:#FFFFFF;--cs-border:#CBD5E1;--cs-border-hover:#94A3B8;--cs-accent:#004B87;--cs-ring:rgba(0,75,135,0.1);--cs-hover:#F1F5F9;--cs-selected:#EAF1F8;--cs-invalid:#C2410C;--cs-radius:8px;--cs-pad-y:0.6875rem;--cs-pad-x:1rem;--cs-shadow:0 10px 25px -5px rgba(0,0,0,0.1),0 4px 10px -6px rgba(0,0,0,0.08)}.cselect{position:relative;display:block;width:100%;min-width:0;font-size:0.875rem}.cselect>select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;pointer-events:none}.cselect__trigger{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;column-gap:0.625rem;width:100%;min-height:100%;margin:0;padding:var(--cs-pad-y) calc(var(--cs-pad-x) - 0.125rem) var(--cs-pad-y) var(--cs-pad-x);border:1px solid var(--cs-border);border-radius:var(--cs-radius);background:var(--cs-bg);font:inherit;font-size:inherit;line-height:inherit;color:var(--cs-text);text-align:left;cursor:pointer;transition:border-color 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease}.cselect__trigger:hover{border-color:var(--cs-border-hover)}.cselect__trigger:focus,.cselect.is-open .cselect__trigger{outline:none;border-color:var(--cs-accent);box-shadow:0 0 0 3px var(--cs-ring)}.cselect__trigger[aria-invalid="true"]{border-color:var(--cs-invalid)}.cselect__trigger[aria-invalid="true"]:focus{box-shadow:0 0 0 3px rgba(194,65,12,0.12)}.cselect__trigger:disabled{opacity:0.6;background:#F8FAFC;cursor:not-allowed}.cselect__value,.cselect__sizer{grid-area:1 / 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cselect__sizer{height:0;visibility:hidden}.cselect__sizer>span{display:block}.cselect.is-placeholder .cselect__value{color:var(--cs-muted)}.cselect__arrow{grid-area:1 / 2;display:flex;width:16px;height:16px;color:var(--cs-muted);transition:transform 0.2s ease,color 0.15s ease}.cselect__arrow svg,.cselect__check svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cselect__trigger:focus .cselect__arrow{color:var(--cs-accent)}.cselect.is-open .cselect__arrow{transform:rotate(180deg);color:var(--cs-accent)}.cselect__menu{position:fixed;z-index:10000;box-sizing:border-box;min-width:160px;max-height:288px;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;background:var(--cs-bg);border:1px solid #E2E8F0;border-radius:12px;box-shadow:var(--cs-shadow);font-family:var(--cs-font);font-size:0.875rem;line-height:1.4;color:var(--cs-text);opacity:0;transform:translateY(-6px) scale(0.98);transform-origin:top center;transition:opacity 0.16s ease,transform 0.16s ease;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent}.cselect__menu[data-placement="top"]{transform:translateY(6px) scale(0.98);transform-origin:bottom center}.cselect__menu.is-open{opacity:1;transform:none}.cselect__menu[hidden]{display:none}.cselect__option{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.5625rem 0.75rem;border-radius:6px;overflow-wrap:anywhere;cursor:pointer;transition:background-color 0.1s ease,color 0.1s ease}.cselect__option + .cselect__option{margin-top:2px}.cselect__option.is-active{background:var(--cs-hover)}.cselect__option[aria-selected="true"]{background:var(--cs-selected);color:var(--cs-accent);font-weight:600}.cselect__option[aria-selected="true"].is-active{box-shadow:inset 0 0 0 1px var(--cs-ring)}.cselect__option[aria-disabled="true"]{color:var(--cs-muted);opacity:0.55;cursor:not-allowed}.cselect__check{flex-shrink:0;width:16px;height:16px;opacity:0}.cselect__option[aria-selected="true"] .cselect__check{opacity:1}.cselect__group + .cselect__group,.cselect__option + .cselect__group{margin-top:4px;padding-top:4px;border-top:1px solid #EEF2F6}.cselect__group-label{padding:0.5rem 0.75rem 0.25rem;font-size:0.6875rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--cs-muted)}@media (prefers-reduced-motion:reduce){.cselect__trigger,.cselect__arrow,.cselect__menu,.cselect__option{transition:none}}@media (forced-colors:active){.cselect__trigger,.cselect__menu{border:1px solid CanvasText}.cselect__option.is-active{outline:2px solid Highlight}.cselect__option[aria-selected="true"]{forced-color-adjust:none;background:Highlight;color:HighlightText}}@media print{.cselect__menu{display:none !important}}