.spp{display:inline-flex;align-items:center;gap:6px}.spp-select{position:relative}.spp-trigger{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#1d1d1f;white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s}.spp-trigger:hover{background:#fafafc}.spp-trigger.open{border-color:#06c}.spp-trigger.active{border-color:#06c;color:#06c;background:#0066cc0f}.spp-trigger-label{font-weight:500}.spp-chevron{transition:transform .15s}.spp-chevron.open{transform:rotate(180deg)}.spp-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:200;min-width:220px;padding:5px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 14px 40px #00000024;animation:spp-menu-in .15s ease}@keyframes spp-menu-in{0%{opacity:0;transform:translateY(-4px)}}.spp-item{display:flex;align-items:center;gap:7px;width:100%;padding:7px 9px;border:none;border-radius:7px;background:none;text-align:left;font-size:14px;color:#1d1d1f;cursor:pointer;transition:background .15s}.spp-item:hover{background:#f5f5f7}.spp-item.sel{color:#06c;font-weight:600}.spp-check{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:#06c}.spp-n-input{width:52px;padding:2px 6px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#1d1d1f;font:inherit;font-size:13px;font-weight:600;text-align:center;-moz-appearance:textfield}.spp-n-input:focus{outline:none;border-color:#06c}.spp-dates{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:1px solid #0066cc;border-radius:8px;background:#0066cc0f}.spp-date{height:28px;padding:0 2px;border:none;background:transparent;font-size:13px;color:#1d1d1f}.spp-date:focus{outline:none;box-shadow:none}.spp-sep{font-size:12px;color:#9ca3af}.spp{flex-wrap:wrap;max-width:100%}.spp-menu{max-width:calc(100vw - 32px)}.spp-dates{max-width:100%}.spp-date{min-width:0}