.filter-fullscreen{color:#171717;z-index:1000;opacity:0;pointer-events:none;background:#fff;flex-direction:column;transition:opacity .25s,transform .25s;display:flex;position:fixed;inset:0;transform:translateY(100%)}.filter-fullscreen.open{opacity:1;pointer-events:auto;transform:translateY(0)}.filter-fullscreen.closed{opacity:0;pointer-events:none;transform:translateY(100%)}.filter-header{background:#fff;border-bottom:1px solid #ddd;justify-content:center;align-items:center;padding:14px 16px;font-weight:700;display:flex;position:relative}.filter-header-title{font-size:18px}.filter-body{flex:1;padding:20px 16px;overflow-y:auto}.filter-row{margin-bottom:16px}.filter-field{cursor:pointer;background:#fdfdfd;border:1px solid #ddd;border-radius:8px;padding:14px 16px;font-size:16px;transition:border-color .2s;position:relative}.filter-field:hover{border-color:#0070f3}.filter-placeholder{color:#999}.filter-placeholder.has-value{color:#222;font-weight:500}.clear-icon{cursor:pointer;color:#bbb;padding:4px;font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-icon:hover{color:#ef4444}.filter-footer{background:#fff;border-top:1px solid #eee;padding:16px}.apply-button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:8px;width:100%;height:52px;font-size:16px;font-weight:700;transition:background .2s}.apply-button:hover{background:#0051af}.apply-button.rainbow{background:linear-gradient(90deg,#ef4444,#f59e0b,#10b981,#3b82f6,#8b5cf6,#ef4444) 0 0/200% 100%;animation:3s linear infinite rainbowFlow}@keyframes rainbowFlow{0%{background-position:0%}to{background-position:200%}}
.bottom-sheet-backdrop{z-index:9999;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{opacity:0;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;transition:transform .25s,opacity .25s,max-height .3s;display:flex;overflow:hidden;transform:translateY(100%);box-shadow:0 -4px 12px #00000026}.bottom-sheet.open{opacity:1;transform:translateY(0)}.bottom-sheet.loaded{max-height:80vh}.bottom-sheet.closed{opacity:0;transform:translateY(100%)}.bottom-sheet-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:50px;padding:10px 16px;display:flex;position:relative}.bottom-sheet-header-title{font-size:16px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.bottom-sheet-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:flex}.bottom-sheet-search-wrapper{padding:12px 16px}.bottom-sheet-search{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:16px}.bottom-sheet-list{flex:1;padding:0 16px 20px;overflow-y:auto}.bottom-sheet-item{cursor:pointer;border-bottom:1px solid #f5f5f5;border-radius:6px;margin-bottom:4px;padding:14px 12px;transition:background .2s}.bottom-sheet-item:hover{background:#f9f9f9}.bottom-sheet-item.selected{color:#0369a1;background:#e0f2fe;font-weight:600}.bottom-sheet-loading,.bottom-sheet-end{text-align:center;color:#999;padding:20px}@media (min-width:1024px){.bottom-sheet-backdrop{align-items:center}.bottom-sheet,.bottom-sheet.loaded{max-width:480px;max-height:70vh;font-family:var(--mh-font-text);color:var(--mh-text);border-radius:16px;transform:translateY(16px);box-shadow:0 12px 40px #0003}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet.closed{transform:translateY(16px)}.bottom-sheet-search{border-color:var(--mh-border);outline-color:var(--mh-company-blue)}.bottom-sheet-item:hover{background:var(--mh-bg-soft)}.bottom-sheet-item.selected{background:var(--mh-field-bg);color:var(--mh-active-blue)}}