.searchBarContainer{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin:0 auto .35rem;color:#6b7280;background:#f8fafb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.searchBarContainer:focus-within{border-color:#d1d5db;box-shadow:0 8px 18px rgba(0,0,0,.04);background:#f8fafb}.searchInput{flex:1 1;border:none;outline:none;padding:6px 4px;font-size:15px;font-weight:500;color:#4b5563;background:transparent}.searchInput::placeholder{color:var(--color-text-secondary)}.iconButton,.iconLeading{display:inline-flex;align-items:center;justify-content:center;color:#9ca3af}.iconButton{width:30px;height:30px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.iconButton:hover{background:#f3f4f6;color:#4b5563}.iconButton:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(0,0,0,.06)}.filterContainer{display:flex;align-items:center;gap:10px;flex:1 1;margin-bottom:.3rem;color:#4b5563;background:#f8fafb;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.filterContainer:focus-within{border-color:var(--color-border-hover);box-shadow:0 8px 18px rgba(0,0,0,.04);background:var(--color-background)}.filterDate,.filterSelect{flex:1 1;width:100%;padding:8px 0;border-radius:0;outline:none;font-size:14px;font-weight:500;color:#374151;background:transparent;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 0),linear-gradient(135deg,#9ca3af 50%,transparent 0);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;border:none;border-bottom:1px solid transparent;letter-spacing:.01em}.filterDate:focus,.filterSelect:focus{border-color:#d1d5db;box-shadow:none;background:transparent}.filterRange{justify-content:space-between;gap:10px}.filterLabel{display:flex;flex-direction:column;gap:6px;flex:1 1;font-size:12px;color:var(--color-text-secondary);font-weight:600}.filterDivider{width:1px;height:42px;background:#e5e7eb;border-radius:12px}