.myp{align-items:center;gap:var(--space-3);font-family:var(--font-sans);flex-wrap:wrap;display:flex}.myp__pills{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.myp--sm .myp__pills{gap:var(--space-1)}.myp__pill{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2);cursor:pointer;text-align:center;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);font-family:inherit;font-size:.85rem;font-weight:600;line-height:1}.myp--sm .myp__pill{padding:6px var(--space-1);border-radius:var(--radius-sm);font-size:.78rem}.myp__pill:hover:not(:disabled):not(.myp__pill--active){border-color:var(--color-primary);color:var(--color-primary)}.myp__pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.myp__pill--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.myp__pill:disabled{cursor:not-allowed;opacity:.45}.myp .myp__year{align-items:flex-start;gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.85rem;display:flex}.myp .myp__year-label{white-space:nowrap;font-weight:500;line-height:1}.myp--sm .myp__year-label{font-size:12.5px}.myp .myp__year-select{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;font-family:inherit;font-size:.85rem;font-weight:600}.myp__year-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.myp--sm .myp__year-select{height:34px;padding:0 var(--space-6) 0 var(--space-3);border-radius:var(--radius-sm);box-sizing:border-box;font-size:.78rem}.myp .myp__month{align-items:flex-start;gap:var(--space-1);color:var(--color-text-muted);flex-direction:column;font-size:.85rem;display:flex}.myp .myp__month-label{white-space:nowrap;font-weight:500;line-height:1}.myp--sm .myp__month-label{font-size:12.5px}.myp .myp__month-select{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;min-width:132px;font-family:inherit;font-size:.85rem;font-weight:600}.myp__month-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.myp--sm .myp__month-select{height:34px;padding:0 var(--space-6) 0 var(--space-3);border-radius:var(--radius-sm);box-sizing:border-box;min-width:116px;font-size:.78rem}
.sfb{align-items:center;gap:var(--space-3);font-family:var(--font-sans);flex-wrap:wrap;display:flex}.sfb--sm{gap:var(--space-2)}.sfb__search{flex:220px;min-width:200px;position:relative}.sfb .sfb__search-icon{color:var(--text-subtle);pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sfb .sfb__search-input{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);width:100%;height:38px;color:var(--text-strong);box-sizing:border-box;outline:none;padding:0 12px 0 34px;font-family:inherit;font-size:13px}.sfb--sm .sfb__search-input{height:34px;font-size:12.5px}.sfb__search-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.sfb__division{flex:none}.sfb .sfb__division-field{align-items:flex-start;gap:var(--space-1);color:var(--text-subtle);flex-direction:column;font-size:13px;display:flex}.sfb--sm .sfb__division-field{font-size:12.5px}.sfb .sfb__division-field-label{white-space:nowrap;font-weight:500;line-height:1}.sfb .sfb__select{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);width:176px;height:38px;color:var(--text-strong);box-sizing:border-box;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:0 30px 0 12px;font-family:inherit;font-size:13px}.sfb--sm .sfb__select{width:156px;height:34px;font-size:12.5px}.sfb__select:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.sfb__daterange{flex:none;align-items:center;gap:6px;display:flex}.sfb .sfb__daterange-sep{color:var(--text-subtle);font-size:12px}.sfb .sfb__date-input{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);width:150px;height:38px;color:var(--text-strong);box-sizing:border-box;outline:none;padding:0 10px;font-family:inherit;font-size:12.5px}.sfb--sm .sfb__date-input{width:134px;height:34px}.sfb__date-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.sfb__extras{align-items:center;gap:var(--space-2);flex:none;margin-left:auto;display:flex}